Reference
Components
Every component in ireka-ui is a plain React function. Import what you need from the barrel file, override styles with className, and compose screens without wiring up providers or context.
The set is intentionally small: surfaces, inputs, navigation primitives and feedback patterns that cover most mobile-first app screens. Pick a component below to see a live preview, copyable source, and its full prop list.
Patterns
Composable building blocks for navigation, overlays and page layout.
Overlays
BottomSheet
A drag-dismissible panel that slides up over a dimmed backdrop.
ActionSheet
A bottom sheet of tappable actions — or a centered menu on wider screens.
DropdownMenu
A small menu anchored to the top-right over a light scrim.
Alert
An imperative, iOS-style confirmation dialog you call from anywhere.
Popup
An attention-grabbing promotional modal with image and actions.
HUD
A centered heads-up indicator for loading and status.
Toast
Global, stacked notifications fired from anywhere via useToast.
ToastPill
A lightweight, non-blocking pill toast that slides in from the top or bottom.
Components
Badge
Compact status and category labels.
Button
Primary tap target with four variants.
ButtonCircle
Circular icon button in three sizes.
ButtonGroup
Pill of mutually-exclusive icon buttons.
Card
Grouped surface with header, body and footer slots.
ContentContainer
Scrollable, centered page body.
FloatingNavBar
Floating top bar with back button and fade-in title.
SectionLabel
Uppercase heading for a group of controls.
SegmentedControl
Single-select switcher.
Skeleton
Animated placeholder for loading state.
Snackbar
Imperative floating toast with an optional action.
Stepper
Numeric increment / decrement control.
Switch
On/off switch, controlled or uncontrolled.
TextArea
Labeled multi-line text field.
TextInput
Labeled single-line text field.