📄️ Accordion
The Accordion component allows users to expand and collapse content sections.
📄️ ActivityIndicator
An extension of the React Native ActivityIndicator component with extension of visible and label props.
📄️ Avatar
Component to show an image, initials or icon with different shapes.
📄️ AvatarGroup
Component to display multiple avatars together in a compact, overlapping group layout.
📄️ BottomSheet
Component to display a modal sheet at the bottom of the page.
📄️ Button
Button component built over Pressable, and supports full customization with different props.
📄️ Card
A basic container component with elevation, padding, and border-radius support. Useful for grouping content visually.
📄️ Checkbox
Component for binary or multi-state selection, supporting custom icons, sizes, and statuses.
📄️ Chip
Chip component with Pressable as container, and supports full customization with different props.
📄️ Divider
Component to separate content visually with horizontal or vertical lines.
📄️ ExpandableText
Component to display long text that can be expanded or collapsed.
📄️ FAB
Floating Action Button that appears above content, typically used for primary actions.
📄️ Icon
Wrapper around react-native-vector-icons with extended support for all icon families.
📄️ Link
Component to render text as clickable links.
📄️ Modal
Component to display content in an overlay above the main UI.
📄️ MultiSelect
Component for selecting multiple options from a list of options.
📄️ OtpInput
Component to input OTP or PIN codes with multiple boxes.
📄️ Popover
Component to display content in a floating container relative to a target element.
📄️ ProgressBar
Component to visually represent progress or completion.
📄️ Radio
Component for selecting a single option.
📄️ SearchInput
Search input component with debouncing support.
📄️ SegmentedButton
Button group component to select one or multiple options. Each unit Button just extends the Button component.
📄️ Select
Single select picker component for primitive values or objects.
📄️ ShimmerView
Component to display loading placeholders with shimmer animation.
📄️ Spacer
Component to add spacing between elements.
📄️ Switch
Custom switch component with optional label, caption, and error support.
📄️ Text
Typography
📄️ TextInput
A text input component built over RNTextInput, supporting sizes, modes, dense layout, icons, error states, and full customization.
📄️ Tooltip
A component to show additional hint or helper information on hover or press.
📄️ View
The most basic container component, extending React Native's View.
📄️ Common Type Definitions
BaseUIProps