====== Button ======
[[doku>plugin:mikioplugin|Mikio Plugin]]

https://github.com/nomadjimbob/mikioplugin/wiki/Button

Adds buttons to your DokuWiki pages that can also be links using the%% %%URL common attribute.
<row>
<button primary>Primary</button>
<button secondary>Secondary</button>
<button success>Success</button>
<button danger>Danger</button>
<button warning>Warning</button>
<button info>Info</button>
<button light>Light</button>
<button dark>Dark</button>
<button link>Link</button>
</row>
<code ->
<button primary>Primary</button>
<button secondary>Secondary</button>
<button success>Success</button>
<button danger>Danger</button>
<button warning>Warning</button>
<button info>Info</button>
<button light>Light</button>
<button dark>Dark</button>
<button link>Link</button>
</code>

==== Outline ====
<row>
<button outline-primary>Primary</button>
<button outline-secondary>Secondary</button>
<button outline-success>Success</button>
<button outline-danger>Danger</button>
<button outline-warning>Warning</button>
<button outline-info>Info</button>
<button outline-light>Light</button>
<button outline-dark>Dark</button>
</row>
<code ->
<button outline-primary>Primary</button>
<button outline-secondary>Secondary</button>
<button outline-success>Success</button>
<button outline-danger>Danger</button>
<button outline-warning>Warning</button>
<button outline-info>Info</button>
<button outline-light>Light</button>
<button outline-dark>Dark</button>

</code>

==== Sizes ====
<row>
<button large primary>Large button</button>
<button large secondary>Large button</button>

<button small primary>Small button</button>
<button small secondary>Small button</button>
</row>
<code ->
<button large primary>Large button</button>
<button large secondary>Large button</button>
<button small primary>Small button</button>
<button small secondary>Small button</button>
</code>

==== Block ====
<button block primary>Block level button</button>
<button block secondary>Block level button</button>
<code ->
<button block primary>Block level button</button>
<button block secondary>Block level button</button>
</code>

==== States ====
<button active primary url="https://github.com/">Primary link</button>
<button active secondary url="https://github.com/">Link</button>
<button disabled primary url="https://github.com/">Primary link</button>
<button disabled secondary url="https://github.com/">Link</button>
<code ->
<button active primary url="https://github.com/">Primary link</button>
<button active secondary url="https://github.com/">Link</button>
<button disabled primary url="https://github.com/">Primary link</button>
<button disabled secondary url="https://github.com/">Link</button>
</code>

===== Attributes =====

**block**: Sets the button to be block level (full width)\\ **small**: Applies a small size format to the button\\ **large**: Applies a large size format to the button\\ **active**: Applies the active format to the button\\ **disabled**: Applies the disabled format to the button. Clicking the button will also be ignored\\ **collapse-id**: The collapse element to toggle

====== Button Groups ======
Combines buttons into a non-breaking group
<button-group>
<button>A button</button>
<button secondary>A button</button>
<button success>A button</button>
</button-group>
<code ->
<button-group>
<button>A button</button>
<button secondary>A button</button>
<button success>A button</button>
</button-group>
</code>

===== Attributes (Button Group) =====
**small**: Applies a small size format to the button group and its containing buttons\\ **large**: Applies a large size format to the button group and its containing buttons\\ **vertical**: Displays the button group vertically