# Overview
URL: /docs/native/components

React Native UI primitives for mobile applications with iOS and Android support.

Browse all available Docyrus UI native primitives. These are the core building blocks — buttons, inputs, cards, modals, and more.

## Available Components

| Component | Description |
|-----------|-------------|
| [rn-accordion](/docs/native/components/accordion) | Collapsible content sections with animated expand/collapse transitions. |
| [rn-alert](/docs/native/components/alert) | Inline alert banner with variant colors, sizes, and rounded corners. |
| [rn-alert-dialog](/docs/native/components/alert-dialog) | Confirmation dialog with customizable title, description, variant colors, and action buttons. |
| [rn-avatar](/docs/native/components/avatar) | User avatar component with image, initials fallback, status indicator, and pressable support. |
| [rn-badge](/docs/native/components/badge) | Small label component for status, categories, or counts with variant and size options. |
| [rn-button](/docs/native/components/button) | Pressable button component with multiple variants and sizes for user actions. |
| [rn-card](/docs/native/components/card) | Versatile card container with header, footer, animations, and pressable support. |
| [rn-carousel](/docs/native/components/carousel) | Horizontal content carousel with pagination dots and arrow navigation. |
| [rn-checkbox](/docs/native/components/checkbox) | Standalone checkbox component with optional label and size variants. |
| [rn-collapsible](/docs/native/components/collapsible) | Expandable/collapsible container with animated height transitions. |
| [rn-confirmation-button](/docs/native/components/confirmation-button) | Button that opens a countdown confirmation modal before executing the action. |
| [rn-date-time-picker](/docs/native/components/date-time-picker) | A modal date and time picker with calendar grid and scrollable time controls. |
| [rn-date-time-range-picker](/docs/native/components/date-time-range-picker) | A modal date-time range picker with start/end tabs, calendar grid, and time controls. |
| [rn-day-picker](/docs/native/components/day-picker) | An inline calendar day picker supporting single, multiple, and range selection modes. |
| [rn-docyrus-icon](/docs/native/components/docyrus-icon) | CDN-powered icon component supporting Font Awesome, Huge Icons, emojis, and custom libraries. |
| [rn-drawer](/docs/native/components/drawer) | Slide-in side panel with animated entrance, backdrop, and swipe-to-dismiss support. |
| [rn-dropdown-menu](/docs/native/components/dropdown-menu) | Menu popup component with items, separators, and destructive actions. |
| [rn-duration-select](/docs/native/components/duration-select) | Duration picker with hours and minutes grid, supporting multiple display formats. |
| [rn-empty-state](/docs/native/components/empty-state) | Placeholder display for empty content areas with variant-specific icons and actions. |
| [rn-error-state](/docs/native/components/error-state) | Error display with variant-specific messaging, retry actions, and expandable error details. |
| [rn-fab](/docs/native/components/fab) | Floating action button with expandable menu, position control, and variant colors. |
| [rn-grid](/docs/native/components/grid) | Responsive grid layout with configurable columns, gap control, and spanning grid items. |
| [rn-input](/docs/native/components/input) | Text input primitive with size variants, icons, and validation states. |
| [rn-input-otp](/docs/native/components/input-otp) | OTP code input with segmented cells for verification codes. |
| [rn-label](/docs/native/components/label) | Form label component with size variants and required indicator. |
| [rn-mini-calendar](/docs/native/components/mini-calendar) | Compact date picker calendar with month navigation and locale-aware day names. |
| [rn-modal](/docs/native/components/modal) | Flexible modal dialog with preset types, header/footer configurations, and position options. |
| [rn-network-banner](/docs/native/components/network-banner) | Animated banner for displaying network connectivity status with retry and dismiss actions. |
| [rn-notification-stack](/docs/native/components/notification-stack) | Stacked notification cards with dismiss, load more, and action buttons. |
| [rn-pagination](/docs/native/components/pagination) | Page navigation control with page numbers, ellipsis, and info text. |
| [rn-phone-input](/docs/native/components/phone-input) | Phone number input with country code picker and search. |
| [rn-popover](/docs/native/components/popover) | Floating content panel with arrow, placement options, and multiple visual variants. |
| [rn-progress](/docs/native/components/progress) | Linear progress bar with label, size, and color variant options. |
| [rn-qr-code](/docs/native/components/qr-code) | QR code display component with size variants and optional logo overlay. |
| [rn-radio-group](/docs/native/components/radio-group) | Radio button group component with compound pattern for single-option selection. |
| [rn-rating](/docs/native/components/rating) | Star rating input with half-star support and custom icon rendering. |
| [rn-search-input](/docs/native/components/search-input) | Search input with debounce and clear button, supporting manual and automatic search modes. |
| [rn-select](/docs/native/components/select) | Dropdown select component with modal picker for option selection. |
| [rn-separator](/docs/native/components/separator) | Visual divider component for horizontal or vertical separation. |
| [rn-skeleton](/docs/native/components/skeleton) | Animated loading placeholders with card, list, table, and calendar presets. |
| [rn-slider](/docs/native/components/slider) | Draggable slider with custom range, step, tooltip, and track marks. |
| [rn-spinner](/docs/native/components/spinner) | Loading indicator component with size and variant options. |
| [rn-status](/docs/native/components/status) | Status indicator badge with dot and colored variants. |
| [rn-stepper](/docs/native/components/stepper) | Step indicator component for multi-step wizards and onboarding flows. |
| [rn-switch](/docs/native/components/switch) | Toggle switch component with optional label and size variants. |
| [rn-table](/docs/native/components/table) | Lightweight data table with sorting, striped rows, grouping, and built-in pagination. |
| [rn-tabs](/docs/native/components/tabs) | Tabbed navigation with horizontal/vertical orientation and multiple visual variants. |
| [rn-textarea](/docs/native/components/textarea) | Multi-line text input component with size variants and validation. |
| [rn-timeline](/docs/native/components/timeline) | Vertical timeline component for displaying chronological events. |
| [rn-toast](/docs/native/components/toast) | Stackable toast notification system with rich colors, swipe-to-dismiss, and a Sonner-like imperative API. |
| [rn-toggle](/docs/native/components/toggle) | Toggle button component with pressed state and variant options. |
| [rn-toggle-group](/docs/native/components/toggle-group) | Segmented control component for single or multiple option selection. |
| [rn-tooltip](/docs/native/components/tooltip) | Contextual popup with configurable placement, arrow, and visual variants. |
| [rn-tree-view](/docs/native/components/tree-view) | Hierarchical tree component with expand/collapse, search, and optional checkboxes. |
| [rn-wheel-picker](/docs/native/components/wheel-picker) | Scrollable wheel picker for selecting from a list of options with snap-to-item behavior. |