React Native Components
Components for iOS and Android, built on HeroUI Native. The same prop names and the same theme tokens as the React package, rendered natively.
- 23
- Components, each with a live demo and prop table
- AccordionAn Accordion component allows users to expand and collapse sections of content, organizing information compactly. Built on top of heroui-native Accordion.
- AlertAn Alert component displays important messages or notifications to users with different severity levels. Built on top of heroui-native.
- ButtonA Button component triggers actions or events. Built on top of heroui-native Button with support for variants, sizes, colors, and loading states.
- Button GroupA Button Group component groups multiple buttons together for selecting from a set of related actions or options.
- CardA Card component displays content in a structured container. Built on top of heroui-native Card.
- CheckboxA Checkbox component allows users to select or deselect options. Built on top of heroui-native Checkbox with isSelected/onSelectedChange API.
- DialogA Dialog component displays a pop-up window for capturing user attention or input. Built on top of heroui-native Dialog.
- DividerA Divider component separates content within a layout. Built on top of heroui-native Separator.
- InputAn Input component allows users to enter text data. Built on top of heroui-native Input.
- LoadingA Loading component displays a spinner indicator while content is being loaded. Built on top of heroui-native Spinner.
- Dropdown MenuA Dropdown Menu component displays a list of options when triggered. Built on top of heroui-native Menu.
- PopoverA Popover component displays additional information in a floating overlay. Built on top of heroui-native Popover.
- ProgressA Progress component visually indicates the completion status of a task. Built on top of heroui-native Progress.
- Radio GroupA Radio Group component allows users to select one option from a set of mutually exclusive choices. Built on top of heroui-native RadioGroup.
- SelectA Select component allows users to choose from a dropdown list. Built on top of heroui-native Select.
- SheetA Sheet component presents content in a sliding bottom panel. Built on top of heroui-native Sheet.
- SkeletonA Skeleton component is a placeholder UI element that represents the layout of content before it loads. Built on top of heroui-native Skeleton.
- SliderA Slider component allows users to select a value from a range by dragging a thumb along a track. Built on top of heroui-native Slider.
- SwitchA Switch component allows users to toggle between two states. Built on top of heroui-native Switch.
- TabsA Tabs component allows users to switch between different views or sections. Built on top of heroui-native Tabs with items-based API.
- TextareaA Textarea component allows users to enter multi-line text. Built on top of heroui-native.
- ToastA Toast component displays transient notifications. Uses heroui-native useToast hook for showing toast messages.
- TooltipA Tooltip component displays informative pop-ups when hovering or focusing on an element. Built on top of heroui-native Tooltip.