Radio - SMUI

Svelte Material UI

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

Learn about theming

See the theme source

Installation SvelteKit Theming Migrating

AccordionAction ButtonsButton Floating Action Button Icon ButtonApp BarsBottom App Bar Top App Bar Badge Banner Cards Common Data Table Dialog Drawer Elevation Image ListInputs and ControlsAutocomplete Checkbox Chips Chip Input Form Field Radio Button Segmented Button Select Menu Slider Switch Text Field Layout Grid List Menu Surface Menu PaperProgress IndicatorsCircular Progress Linear Progress Ripple Snackbar Tabs Tooltip Touch Target Typography

Radio

Installation

npm i -D @smui/radio

Demos

Bashful

Doc (disabled)

Dopey

Happy

Sleepy

Sneezy

Grumpy

Selected: Grumpy

View radio/_Simple.svelte on GitHub

Show the source code

Increased touch target

On

Off

Selected: On

View radio/_Touch.svelte on GitHub

Show the source code

Colored (using Sass mixins)

Custom

Color

Disabled

Checked

Fully

Colored

Disabled

Checked

View radio/_Colored.svelte on GitHub

View radio/_Colored.scss on GitHub

Show the source code