Checkbox - Frameworks

Checkboxes allow users to select one or more options from a number of choices.

AndroidreleasediOSreleasedReactreleasedVuereleasedWebreleased

Web

AndroidiOSReactVueWeb

Example theme:

DBA lightFinn lightTori lightBlocket lightNeutral lightVend lightDBA darkFinn darkTori darkBlocket darkNeutral darkVend dark

Variants

Default

<w-checkbox name="foobar" value="foo">Check me</w-checkbox>

Invalid

<w-checkbox name="invalidfoo" value="bar" invalid="">Invalid checkbox</w-checkbox>

Disabled

<w-checkbox name="disabledfoo" value="bar" disabled="">Disabled checkbox</w-checkbox>

Bunch Of Checkboxes

<w-checkbox-group>
  <w-checkbox name="group" value="foo">Foo</w-checkbox>
  <w-checkbox name="group" value="bar">Bar</w-checkbox>
</w-checkbox-group>

Props

Name	Type	Default	Description
name	string	""	The name of the checkbox, submitted as a name/value pair with form data.
value	string	null	The value of the checkbox, submitted as a name/value pair with form data.

Questions?

Feel free to ask any questions on usage in the Warp DS Slack channel: #warp-design-system