joyent-portal/packages/ui-toolkit/src/button/usage.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

1.3 KiB

const React = require('react');
const { default: Button } = require('./');

<span>
  <Button>Inspire the lazy</Button>
  <span> </span>
  <Button href="#1">Inspire the lazy (anchor)</Button>
</span>;

Button > Secondary

const React = require('react');
const { default: Button } = require('./');

<span>
  <Button secondary>Inspire the brave</Button>
  <span> </span>
  <Button href="#2" secondary>
    Inspire the brave (anchor)
  </Button>
</span>;

Button > Tertiary

const React = require('react');
const { default: Button } = require('./');

<span>
  <Button tertiary>Inspire the tertiary</Button>
  <span> </span>
  <Button href="#3" tertiary>
    Inspire the tertiary (anchor)
  </Button>
  <span> </span>
  <Button tertiary selected>
    Inspire the tertiary
  </Button>
</span>;

Button > Disabled

const React = require('react');
const { default: Button } = require('./');

<span>
  <Button disabled>Inspire the liars</Button>
  <span> </span>
  <Button href="#4" disabled>
    Inspire the liars (anchor)
  </Button>
</span>;

Button > Loading

const React = require('react');
const { default: Button } = require('./');

<span>
  <Button secondary loading>
    Inspire the liars
  </Button>
</span>;