Button

Colors

<div class="button-list"> <Button theme="primary">Primary</Button> <Button theme="secondary">Secondary</Button> <Button theme="success">Success</Button> <Button theme="info">Info</Button> <Button theme="warning">Warning</Button> <Button theme="danger">Danger</Button> <Button theme="link">Link</Button> </div>

<div class="button-list">
  <Button theme="primary">Primary</Button>
  <Button theme="secondary">Secondary</Button>
  <Button theme="success">Success</Button>
  <Button theme="info">Info</Button>
  <Button theme="warning">Warning</Button>
  <Button theme="danger">Danger</Button>
  <Button theme="link">Link</Button>
</div>

Outline

<div class="button-list"> <Button outline theme="primary">Primary</Button> <Button outline theme="secondary">Secondary</Button> <Button outline theme="success">Success</Button> <Button outline theme="info">Info</Button> <Button outline theme="warning">Warning</Button> <Button outline theme="danger">Danger</Button> <Button outline theme="link">Link</Button> </div>

<div class="button-list">
  <Button outline theme="primary">Primary</Button>
  <Button outline theme="secondary">Secondary</Button>
  <Button outline theme="success">Success</Button>
  <Button outline theme="info">Info</Button>
  <Button outline theme="warning">Warning</Button>
  <Button outline theme="danger">Danger</Button>
  <Button outline theme="link">Link</Button>
</div>

Active

<div class="button-list"> <Button outline active theme="primary">Primary</Button> <Button outline active theme="secondary">Secondary</Button> <Button outline active theme="success">Success</Button> <Button outline active theme="info">Info</Button> <Button outline active theme="warning">Warning</Button> <Button outline active theme="danger">Danger</Button> <Button outline active theme="link">Link</Button> </div>

<div class="button-list">
  <Button outline active theme="primary">Primary</Button>
  <Button outline active theme="secondary">Secondary</Button>
  <Button outline active theme="success">Success</Button>
  <Button outline active theme="info">Info</Button>
  <Button outline active theme="warning">Warning</Button>
  <Button outline active theme="danger">Danger</Button>
  <Button outline active theme="link">Link</Button>
</div>

Disabled

<div class="button-list"> <Button disabled theme="primary">Primary</Button> <Button disabled theme="secondary">Secondary</Button> <Button disabled theme="success">Success</Button> <Button disabled theme="info">Info</Button> <Button disabled theme="warning">Warning</Button> <Button disabled theme="danger">Danger</Button> <Button disabled theme="link">Link</Button> </div>

<div class="button-list">
  <Button disabled theme="primary">Primary</Button>
  <Button disabled theme="secondary">Secondary</Button>
  <Button disabled theme="success">Success</Button>
  <Button disabled theme="info">Info</Button>
  <Button disabled theme="warning">Warning</Button>
  <Button disabled theme="danger">Danger</Button>
  <Button disabled theme="link">Link</Button>
</div>

Sizes

<div class="button-list"> <Button size="small" theme="primary">Small Button</Button> <Button theme="primary">Default Button</Button> <Button size="large" theme="primary">Large Button</Button> </div>

<div class="button-list">
  <Button size="small" theme="primary">Small Button</Button>
  <Button theme="primary">Default Button</Button>
  <Button size="large" theme="primary">Large Button</Button>
</div>

Block

<div class="button-list"> <Button block theme="primary">Block Button</Button> </div>

<div class="button-list">
  <Button block theme="primary">Block Button</Button>
</div>