Components

Browse available UI components. Tap on a component to see examples and usage.
πŸ“‚
Accordion
Expandable content sections with animations
🎯
ActionButton
Icon/Image-focused vertical button
πŸ”˜
Button
Interactive button component
⭐
IconButton
Icon-only button with variants
β˜‘οΈ
Checkbox
Controlled checkbox with animations
βœ…
CheckboxCard
Card-style checkbox with Item layout
🏷️
Chip
Small, interactive, clickable labels
πŸ“
ContextHeader
Custom header replacing native navigation stack header
⬆️
LayoutTop
Composable top layout with asset/title/right slots
πŸ”³
Divider
Horizontal line separator
πŸ“Š
Progress
Step-based progress bar (flat/lined tracks)
πŸ”˜
Radio
Controlled radio button with animations
πŸ”΅
RadioCard
Card-style radio with Item layout
🎚️
Slider
Range input with single/dual thumb support
⚫
StepIndicator
Dot-based step indicator with expansion animation
πŸ”„
Switch
iOS 26 style switch with animations
πŸ‘†
Swiper
Swipe to confirm gesture component
πŸ“
Typo
Semantic typography wrapper
✏️
Input
Text input component
πŸ“‹
Item
Versatile content display with media, title, and actions
πŸ–ΌοΈ
ImageCard
Image-based card component
πŸƒ
Card
Container component
πŸ“±
Modal
Overlay dialog component
πŸ“ƒ
BottomSheetModal
Detached bottom sheet modal
⭐
Icon
Lucide Icon wrapper
πŸ“‘
TabBar
Dynamic tab bar with sync support
πŸ“‹
TableRow
Table-like row component
πŸ”’
OTPInput
One-time password input with bounce animation
πŸ“‹
Menu
Dropdown menu with items and check options
πŸ“Š
State
Result page component for status display
πŸ—‚οΈ
Section
List ꡬ간을 κ΅¬λΆ„ν•˜λŠ” λ ˆμ΄μ•„μ›ƒ μ„Ήμ…˜
🍞
Toast
μ „μ—­ μ•Œλ¦Ό ν† μŠ€νŠΈ (top/bottom, drag dismiss)
ℹ️ Components will be available once you add them to the @fleet-ui/components package.