Checkbox - SMUI

Svelte Material UI

- Follow System
- Light
- Dark
- Svelte
- Material
- Fixation
- Metro
- Unity

Learn about theming

See the theme source

Installation SvelteKit Theming Migrating

Accordion Action Buttons Button Floating Action Button Icon Button App Bars Bottom App Bar Top App Bar Badge Banner Cards Common Data Table Dialog Drawer Elevation Image List Inputs and Controls Autocomplete Checkbox Chips Form Field Radio Button Segmented Button Select Menu Slider Switch Text Field Layout Grid List Menu Surface Menu Paper Progress Indicators Circular Progress Linear Progress Ripple Snackbar Tabs Tooltip Touch Target Typography

Checkbox

Installation

npm i -D @smui/checkbox

Demos

Remember me.

Checked: false

Remember me.

Checked: false

View checkbox/_Simple.svelte on GitHub

Show the source code

Increased touch target

Remember me.

Checked: false

View checkbox/_Touch.svelte on GitHub

Show the source code

Group checkbox

Bashful

Doc (disabled)

Dopey

Happy

Sleepy

Sneezy

Grumpy

Selected: Happy, Grumpy

View checkbox/_Group.svelte on GitHub

Show the source code

Indeterminate

I agree to the terms.

Checked: null

View checkbox/_Indeterminate.svelte on GitHub

Show the source code

Colored (using Sass mixins)

Custom Color

Disabled

Disabled, Checked

Indeterminate

Fully Colored

Disabled

Disabled, Checked

Indeterminate

View checkbox/_Colored.svelte on GitHub

View checkbox/_Colored.scss on GitHub

Show the source code