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
Utilities (C Focus Inset)
Button C Focus Inset
Primary
Secondary
Info
Success
Warning
Danger
Light
Dark
Link
Unstyled
Link C Focus Inset
Regular Anchor Tag
.link-primary.single-link
.component-title a
a.component-title
.component-subtitle a
a.component-subtitle
Component Action C Focus Inset
Link Outline
Primary
Secondary
Primary
Secondary
Close
×
×
Badge
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
Label C Focus Inset
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
Form Control C Focus Inset
Text
Password
Textarea
Url
Tel
Email
Search
Number
Range
Select C Focus Inset
Regular Select Element
Sample 1
Sample 2
Sample 3
Sample 4
Select Element with Multiple Select Options
Sample 1
Sample 2
Sample 3
Sample 4
Sample 5
Sample 6
Sample 7
Sample 8
Clay Time C Focus Inset
Time Picker (12H)
:
Input Group Inset C Focus Inset
Submit
Multi Step Nav Fixed Width Items C Focus Inset
Ticket Buyer Information
01
Attendee Information
02
Seat Assignment
03
Dinner Preference
04
Submit Payment
05