Slides

Forms

Button Types

Button Loaders

Button Sizes

Inputs

Checkbox

Text input with inline label

Text input

Text input validation error

!

This field is required

Text input with prefix

https://

Text input with suffix

.slides.com

Multiline input

Numeric Range

Range: 0-100

Range: 100-500px

Range: 0-1em

Range Slider

Range: 0-10

Range: 5-15

Range: 0-10 with value

10

Radio Buttons

Harder Better Faster - Stronger

Radio Buttons

Can contain multiline
descriptions.

Better Faster - Stronger

Radio Buttons (subtle)

Harder Better Faster - Stronger

Radio Buttons — Thumbs

Default

Fullscreen

Scroll

Checkbox Stack

Checkbox 2

Dark

bg-1

Foreground

fg-1

fg-2

fg-3

fg-4

fg-5

fg-6

Surface

1

2

3

4

5

Indent

1

2

Contrast

contrast

bg-2

Foreground

fg-1

fg-2

fg-3

fg-4

fg-5

fg-6

Surface

1

2

3

4

5

Indent

1

2

Contrast

contrast

bg-3

Foreground

fg-1

fg-2

fg-3

fg-4

fg-5

fg-6

Surface

1

2

3

4

5

Indent

1

2

Contrast

contrast

bg-4

Foreground

fg-1

fg-2

fg-3

fg-4

fg-5

fg-6

Surface

1

2

3

4

5

Indent

1

2

Contrast

contrast

bg-5

Foreground

fg-1

fg-2

fg-3

fg-4

fg-5

fg-6

Surface

1

2

3

4

5

Indent

1

2

Contrast

contrast

Light

bg-1

Foreground

fg-1

fg-2

fg-3

fg-4

fg-5

fg-6

Surface

1

2

3

4

5

Indent

1

2

Contrast

contrast

bg-2

Foreground

fg-1

fg-2

fg-3

fg-4

fg-5

fg-6

Surface

1

2

3

4

5

Indent

1

2

Contrast

contrast

bg-3

Foreground

fg-1

fg-2

fg-3

fg-4

fg-5

fg-6

Surface

1

2

3

4

5

Indent

1

2

Contrast

contrast

bg-4

Foreground

fg-1

fg-2

fg-3

fg-4

fg-5

fg-6

Surface

1

2

3

4

5

Indent

1

2

Contrast

contrast

bg-5

Foreground

fg-1

fg-2

fg-3

fg-4

fg-5

fg-6

Surface

1

2

3

4

5

Indent

1

2

Contrast

contrast

Meter

Storage 10% used

Storage 50% used

Storage 90% used

Storage 120% used

Notification

Popout

Basic Popouts

Custom Popouts

Settings

Popup

Tray

Tooltip

Cropper

Transition List

Table Editor

Overflow Shadow

One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten

One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten

Magnificent List of Things

One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten

Forms

Button Types

Button Loaders

Button Sizes

Inputs

Numeric Range

Range Slider

Radio Buttons

Radio Buttons (subtle)

Radio Buttons — Thumbs

Checkbox Stack

Dark

Light

Meter

Notification

Popout

Basic Popouts

Custom Popouts

Settings

Popup

Menu

Configurations

Alignment

Tray

Tooltip

Cropper

Transition List

Table Editor

Overflow Shadow