Guides
Get started Component definition Designing custom elements Development best practices
Styles
Colors Typography Spacing Shadows Radii
Components
Avatar Button Checkbox ColorPicker Dropdown FormField Icon IconButton Illustration Link List Logo Menu Modal NotificationBar Pill Radio Select Skeleton Switch Tabs Text Textarea TextButton TextInput Typeahead Toast Tooltip
Loaders
Loader LogoLoader EllipsesLoader WaveformLoader
Layout
Align Arrange Backdrop Container ErrorContainer Popover Spacer Split
Icons
Icon set
Illustrations
Illustration set
Patterns
Disabled styles Errors Forms Discovery Plan upgrade Settings
Utilities
CSS utilities CSS variables Responsive
Playground
Layout recipes Showcase

Disabled styles

Purpose

Disabled styles are applied to form elements to indicate that the user can't interact with these.

Colors

Disabled components use disabledContent and disabledBackground colors.

disabledContent

Used for text and icon color

disabledBackground

Used for background color

Disabled Components

Button

Link

TextButton

IconButton

TextInput

Textarea

Select

Checkbox

Radio

Switch