• Getting Started
  • Components
  • Advanced

Radio Input

Ready for production
Responsive
Check the source

Simple Use

Show Code
Edit on Stackblitz

Controlled (checked)

Show Code
Edit on Stackblitz

Disabled

Show Code
Edit on Stackblitz
This is disabled

Label

Show Code
Edit on Stackblitz
Dogs, cats and birds

Label Position

Show Code
Edit on Stackblitz
Dogs, cats and birds

Dogs, cats and birds

Children

Show Code
Edit on Stackblitz
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Custom Icon Color, any valid css color (hex, rgb etc...) will work.

Show Code
Edit on Stackblitz
Dogs, cats and birds

Custom Class

Show Code
Edit on Stackblitz
This RadioInput has custom class

Custom Size

Show Code
Edit on Stackblitz
small

medium

large

style={{ fontSize: '40px' }}

Themes

Show Code
Edit on Stackblitz
Primary

Secondary

Dark

Light

Info

Warning

Danger

Success

onChange Event

Show Code
Edit on Stackblitz

Check console for events

Quick LinksGithubTwitter