Skip to Content
Clay CSS
v3.9.0
Hide Nav
Site Settings
Show Atlas
Show Site CSS
Reset Settings
Home
API
Clay CSS Mixins
Colors
Colors
Components
Alerts
Badges, Labels and Stickers
Breadcrumbs
Button Group
Buttons
Card Interactive
Cards
Dropdowns
Dropdowns (Autocomplete)
Dropdowns (Drill Down)
Empty State
Form Elements
Form Elements (Autocomplete)
Form Elements (Clay Reorder)
Form Elements (Clay Time)
Form Elements (Color Picker)
Form Elements (Custom)
Form Elements (Date Picker)
Form Elements (Dual Listbox)
Form Elements (Input Groups)
Form Elements (Multi Select)
Form Elements (Range)
Form Elements (Validation)
Form Group
Grid
Icons (Lexicon)
Images (Aspect Ratios)
Images and Thumbnails
Links
List Groups
Loading Indicators
Menubar (Vertical Navigation with Decorator)
Menubar (Vertical)
Modals
Multi Step Nav
Nav
Nav Pills
Nav Tabs
Nav Underline
Navbar
Navbar (Application Bar)
Navbar (Management Bar)
Navbar (Navigation Bar)
Pagination
Panels
Popovers and Tooltips
Progress Bars
Sheet
Sidebar
Slideout
Tables
Tbar (Toolbar)
Tbar Stacked (Vertical Bar)
Timelines
Toggle Switch
Utilities
Utilities (C Focus Inset)
Utilities (C Inner)
Components (JS)
Collapsible Search
Sidenav
Elements
Typography
Typography (Kbd)
Extending Components
Extending Toggles
Visual Tests
Card Custom Fields View
Card Type Template Use Case
Card View Template
Card View Template (Info Panel)
Documents Upload
Form Group Sm
Form Hierarchy
Labels
List View Template
List View Template (Info Panel)
Localizable Input Field
Subnav Tbar
Table Custom Field List
Table Drag
Table Valign
Table View Template
Table View Template (Info Panel)
Toggle Switch (Old)
Users and Organizations
Users and Organizations (User Card)
Users and Organizations Form Vertical Navigation
CHANGELOG
GitHub
Multi Step Nav
Multi Step Progress Bar replacement for Clay V2.
1. Step One
2. Step Two
Step 01
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
Step 09
Step 10
01
02
03
04
05
06
07
Multi Step Nav Fixed Width Items
Ticket Buyer Information
01
Attendee Information
02
Seat Assignment
03
Dinner Preference
04
Submit Payment
05
Multi Step Nav Collapse (sm, md, lg, xl)
Step 01
Step 02
Step 03
Step 04
Step 05
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
Step 09
Step 10
Ticket Buyer Information
Step 01
Attendee Information
Step 02
Seat Assignment
Step 03
Dinner Preference
Step 04
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
Payment Information
Step 09
Step 10
Multi Step Nav Simplified
See
Subnav
With Buttons
Step 01
Step 02
Step 03
Step 04
Step 05
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
Step 09
Step 10