Components
Here you can find all the components available in the library. We are working on adding more components.
Foundations
Color System
Foundations
Typography
Foundations
Shadows & Effects
Foundations
Corner Radius
![Button [Default]](/_next/image?url=%2Fwebsite%2Fcomponents-button.png&w=3840&q=75)
Button & Actions
Button
![Button [App Store Badges]](/_next/image?url=%2Fwebsite%2Fcomponents-app-store-badge.png&w=3840&q=75){kind=icon}
Button & Actions
App Store Badge
![Button [Group]](/_next/image?url=%2Fwebsite%2Fcomponents-button-group.png&w=3840&q=75)
Button & Actions
Button Group
![Button [Close]](/_next/image?url=%2Fwebsite%2Fcomponents-close-button.png&w=3840&q=75)
Button & Actions
Close Button
![Button [Text Link]](/_next/image?url=%2Fwebsite%2Fcomponents-text-link.png&w=3840&q=75)
Button & Actions
Text Link
![Button [Social / SSO]](/_next/image?url=%2Fwebsite%2Fcomponents-button-social.png&w=3840&q=75)
Button & Actions
Social Login Button
![Button [Floating Action Button]](/_next/image?url=%2Fwebsite%2Fcomponents-fab-button.png&w=3840&q=75)
Button & Actions
Button [Floating Action Button]
![Input [Text]](/_next/image?url=%2Fwebsite%2Fcomponents-input.png&w=3840&q=75)
Form Controls
Input
![Input [OTP]](/_next/image?url=%2Fwebsite%2Fcomponents-otp-input.png&w=3840&q=75)
Form Controls
Input OTP
![Input [Text Area]](/_next/image?url=%2Fwebsite%2Fcomponents-textarea.png&w=3840&q=75)
Form Controls
Textarea
![Input [Stepper / Number]](/_next/image?url=%2Fwebsite%2Fcomponents-stepper-number-input.png&w=3840&q=75)
Form Controls
Input Stepper
![Input [Tag]](/_next/image?url=%2Fwebsite%2Fcomponents-input-tag.png&w=3840&q=75)
Form Controls
Input
Form Controls
Checkbox
Form Controls
Checkbox Group
Form Controls
Radio
Form Controls
Radio Group
Form Controls
Switch
Form Controls
Switch Group
Form Controls
Select
Form Controls
Segmented Control
Navigation
Breadcrumbs
Navigation
Pagination
Navigation
Tab Menu
Feedback
Inline Alert
Feedback
Toast
Feedback
Alert Banner
Overlay Items
Tooltip
![Popover [Rich Content]](/_next/image?url=%2Fwebsite%2Fcomponents-popover.png&w=3840&q=75)
Overlay Items
Popover [Rich Content]
Overlay Items
Modal / Dialog
Overlay Items
Dropdown Menu
Overlay Items
Info Tooltip
Indicators
Chip
![Badge [Tag]](/_next/image?url=%2Fwebsite%2Fcomponents-badge.png&w=3840&q=75){kind=icon}
Indicators
Badge
Indicators
Status Badge
Indicators
Spinner
Indicators
Progress
Data Display
Avatar
Data Display
Avatar
Data Display
Separator
Media & Rich Content
Accordion
Media & Rich Content
Blog Contents
Media & Rich Content
Code Block
Utility
Aspect Ratio
Utility
Scroll Area