Steps | Navigation

Actions
- Button
- Dropdown
- FAB / Speed Dial
- Modal
- Swap
- Theme Controller
Data display
- Accordion
- Avatar
- Badge
- Card
- Carousel
- Chat bubble
- Collapse
- Countdown
- Diff
- Hover Gallery
- Kbd
- List
- Stat
- Status
- Table
- Timeline
Navigation
- Breadcrumbs
- Dock
- Link
- Menu
- Navbar
- Pagination
- Steps
- Tabs
Feedback
- Alert
- Loading
- Progress
- Radial progress
- Skeleton
- Toast
- Tooltip
Data input
- Calendar
- Checkbox
- Fieldset
- File Input
- Filter
- Label
- Radio
- Range
- Rating
- Select
- Text Input
- Textarea
- Toggle
- Validator
Layout
- Divider
- Drawer
- Footer
- Hero
- Indicator
- Join
- Mask
- Stack
Mockup
- Browser
- Code
- Phone
- Window

Horizontal

Register
Choose plan
Purchase
Receive Product

Vertical

Register
Choose plan
Purchase
Receive Product

responsive (vertical on small screen, horizontal on large screen)

Register
Choose plan
Purchase
Receive Product

With custom content in step-icon

😕Step 1
😃Step 2
😍Step 3

With data-content

Step 1
Step 2
Step 3
Step 4
Step 5
Step 6
Step 7

Custom colors

Fly to moon
Shrink the moon
Grab the moon
Sit on toilet

With scrollable wrapper

start
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
end