joyent-portal/packages/ui-toolkit/src/form/usage-toggle.md
Sérgio Ramos d84f972fbe smaller and simpler Card api (#821)
* feat(ui-toolkit): smaller and simpler Card api

fixes: #809
fixes: #777

* feat(ui-toolkit) - Make adjustments to header (#824)

* feat(ui-toolkit) - Make adjustments to header

* feat(ui-toolkit) - Make adjustments to header

* add issue and pull request templates (#819)

* feat(all) - Add issue and pull ruequest templates

* Update PULL_REQUEST_TEMPLATE.md

* Create COMMIT_GUIDELINES.md

* Update PULL_REQUEST_TEMPLATE.md

* Update PULL_REQUEST_TEMPLATE.md

* Update COMMIT_GUIDELINES.md

* feat(ui-toolkit): smaller and simpler Card api

fixes: #809
fixes: #777
2017-10-31 10:03:44 +00:00

926 B

const React = require('react');
const { ToggleList } = require('./toggle');
const { default: FormGroup } = require('./group');
const { default: Legend } = require('./legend');
const { default: Toggle } = require('./toggle');

<FormGroup name="who-killed-1">
  <Legend>Who killed the radio star?</Legend>
  <ToggleList>
    <Toggle value="video" checked>
      Video
    </Toggle>
    <Toggle value="tv">TV</Toggle>
  </ToggleList>
</FormGroup>;

Toggle > Disabled

const React = require('react');
const { ToggleList } = require('./toggle');
const { default: FormGroup } = require('./group');
const { default: Legend } = require('./legend');
const { default: Toggle } = require('./toggle');

<FormGroup name="who-killed-2" disabled>
  <Legend>Who killed the radio star?</Legend>
  <ToggleList>
    <Toggle value="video">Video</Toggle>
    <Toggle value="tv">TV</Toggle>
  </ToggleList>
</FormGroup>;