import { Meta, Canvas, ArgTypes, Controls } from '@storybook/addon-docs/blocks';
import * as stories from '../elements/button.stories';
import '../../../.storybook/elements/docs-api';

<Meta of={stories} />

# Kemet Button

A versatile button that can be used either to submit a form, trigger an action, or link to content.

<kemet-tabs panel-effect="stacked" divider>
  <kemet-tab slot="tab">Usage</kemet-tab>
  <kemet-tab slot="tab">Story</kemet-tab>
  <kemet-tab-panel slot="panel">
    ### Markup
    ```html
    <kemet-button>Button</kemet-button>
    ```

    ### Import JavaScript
    ```javascript
    import 'kemet-ui/elements/button';
    ```
  </kemet-tab-panel>
  <kemet-tab-panel slot="panel">
    <Canvas of={stories.Standard} />
    <Controls of={stories.Standard} />
  </kemet-tab-panel>
</kemet-tabs>

<docs-api tag="kemet-button"></docs-api>