# Toggle

# Toggle controls

Do not delete the Label tag which is placed after each Input. Leave it blank if you don't want it to hold any text

<div>
  <div className="form-check">
    <Input type="radio" name="texture" id="defaultradio" value="Default" />
    <Label htmlFor="defaultradio">Default</Label>
  </div>
  <div className="form-check complete">
    <Input type="radio" name="texture" id="radio1" value="Medium" />
    <Label htmlFor="radio1">Medium textures</Label>
  </div>
  <div className="form-check primary">
    <Input type="radio" name="texture" id="radio2" value="Verbose" />
    <Label htmlFor="radio2">Verbose channel</Label>
  </div>
</div>

# State options

These act the same way as normal HTML check boxes. This is what it will look like disabled.

<div>
  <div className="form-check form-check-inline complete">
    <Input type="radio" name="state" id="radioInline" value="Default" />
    <Label htmlFor="radioInline">Default</Label>
  </div>
  <div className="form-check form-check-inline">
    <Input
      type="radio"
      name="state"
      id="radioDisabled"
      value="disabled"
      disabled
    />
    <Label htmlFor="radioDisabled">Disabled</Label>
  </div>
</div>