Skip to content
Vy logo
Search docs
(ctrl + K)
Settings
Settings
Fundamentals
The design process
What are design tokens?
Colors
States
Styles and effects
Layout
Animation
Icons
Illustration style
Accessibility
Guides
Introduction
Contribute to the code
Contribute to the docs
Releasing new versions
Setup (React)
Accessibility
How to write tests
How to make a new React component
How to make a new React Native component
How to add new icons
Styling with color mode
How to add color mode
How to test Spor locally
Resources
Design tokens
Icon library
Illustration library
Profile
Accessibility statement
Buttons and links
Button
IconButton
CloseButton
FloatingActionButton
ButtonGroup
TextLink
MediaController
Form
Input
SearchInput
PasswordInput
PhoneNumberInput
Textarea
DatePicker
TimePicker
NativeSelect
InfoSelect
CardSelect
Combobox
Radio
Checkbox
Switch
ChoiceChip
FormControl
AttachedInputs
NumericStepper
Feedback and loading
Alert
Toast
Badge
Tooltip / Nudge
ContentLoader
FullScreenLoader
Spinner
ProgressBar
ProgressLoader
ProgressIndicator
Skeleton
Navigation
Breadcrumb
Tab
Stepper
Pagination
Layout
Grid
PressableCard
StaticCard
RadioCard
Box
Accordion
Stack
Table
Divider
Travel
LineTag
Typography
Text
Heading
Lists
Modals and dialogs
Modal
Drawer
Component overview
Accordion
Accordion
Alert
AttachedInputs
Badge
Box
Breadcrumb
Button
Button Group
Card (deprecated)
CardSelect
Checkbox
ChoiceChip
CloseButton
Combobox
Content loader
Datepicker
Divider
Drawer
Floating Action Button
FormControl
Full screen loader
Grid
Heading
IconButton
Image
InfoSelect
Input
Line tags
Lists
MediaController
Modal
NativeSelect
NumericStepper
Pagination
PasswordInput
PhoneNumberInput
PressableCard
ProgressBar
ProgressIndicator
ProgressLoader
Radio
RadioCard
SearchInput
Skeletons
Spinner
Stack
StaticCard
Stepper
Switch
Table
Tabs
Text
TextLink
Textarea
TimePicker
Toast
Tooltip / Nudge
On this page