Clay CSS
(
2.15.1
)
Navigation
home
globals
grid
typography
icons
links
utilities
alert
label
badge
sticker
button
breadcrumb
card
card interactive
card type template
dropdown
autocomplete dropdown
input
input custom
input group
input validation
date picker
list group
loading animations
menubar
modal
nav
nav pills
nav tabs
nav underline
navbar
navbar application bar
navbar management bar
navbar navigation bar
pagination
panel
popover
progress bar
multi step nav
sheet
sidebar
table
tbar
subnav tbar
tooltip
timeline
toggle switch
Switch Themes
Add New Theme
Add
Options
Import
Export
Delete Current Theme
Delete Everything
Use Clay Base
Toggle Switch
toggle-switch-text-font-size
px/rem
toggle-switch-font-weight
toggle-switch-cursor
toggle-switch-transition
toggle-switch-label-disabled-color
toggle-switch-text-disabled-color
Toggle Switch Bar
toggle-switch-bar-width
px/rem
toggle-switch-bar-height
px/rem
toggle-switch-bar-font-size
px/rem
toggle-switch-bar-padding
px/rem
toggle-switch-bar-border-width
px/rem
toggle-switch-bar-border-color
toggle-switch-bar-border-radius
px/rem
toggle-switch-bar-bg
toggle-switch-bar-width-mobile
px/rem
toggle-switch-bar-height-mobile
px/rem
toggle-switch-bar-font-size-mobile
toggle-switch-bar-padding-mobile
px/rem
toggle-switch-bar-icon-color
toggle-switch-bar-focus-box-shadow
Toggle Switch Button
toggle-switch-button-width
px/rem
toggle-switch-button-font-size
px/rem
toggle-switch-button-border-width
px/rem
toggle-switch-button-border-color
toggle-switch-button-border-radius
px/rem
toggle-switch-button-bg
toggle-switch-button-width-mobile
px/rem
toggle-switch-button-font-size-mobile
toggle-switch-button-icon-color
Toggle Switch On
toggle-switch-bar-on-border-color
toggle-switch-bar-on-bg
toggle-switch-bar-on-icon-color
toggle-switch-button-on-border-color
toggle-switch-button-on-border-radius
px/rem
toggle-switch-button-on-bg
toggle-switch-button-on-icon-color
Toggle Switch Disabled
toggle-switch-disabled-cursor
toggle-switch-disabled-opacity
Simple Toggle Switch
Sets the `line-height` on `.simple-toggle-switch .toggle-switch-label`.
simple-toggle-switch-label-line-height
simple-toggle-switch-label-spacer-x
px/rem
timeline
Toggle Switch with Checkbox
Toggle Switch On
Toggle Switch with Radio
Simple Toggle Switch
Simple Toggle Switch
Simple Toggle Switch Reverse
Toggle Switch with Data Attributes
Toggle Switch with data-label-on
Toggle Switch with data-label on and data-label-off
Toggle Switch Text
Adding Required Text
Required *
Adding Required Text
Required *
Required Text on Right
Required *
Required Text on Left
Required *
The Kitchen Sink
Top Text
Error
Required *
Bottom Text
Toggle Switch with Icons
Toggle Switch with data-label-on
Toggle Switch with data-label on and data-label-off
Toggle Switch with Icons (Alternate)
Disabled Toggle Switches
Toggle Switch with data-label-on
timeline