- Welcome
  - Component documentation
  - Component creation
- Hooks
  - aync-hook
  - horse-button
- Others
- Components
  - <global-style/>
  - <hello-world/>
  - <horse-download-box/>
  - <kun-post/>
  - <kun-vote/>
  - <login-component/>
  - <singular-author/>

Github Twitter

# Component documentation

> Quick and easy way to view and document your component

The template system is based on handerbars, bundle-cli provides a series of data for the construction of the documentation.

    ---
    title: Component documentation
    description: description
    folder: /custom-folder
    group: Welcome
    ---

> you can append metadata to be used by the template or the same document

Where :

1. `title`: String, Title of the document to be used for navigation.
2. `description`: String ,General description of the page.
3. `folder`: String, Lets you custumize the destination folder of the html document.
4. `group`: String[], Define a target group for the aside.

## Global data

    theme: goal declared in the template
    pkg: data from package.json
    page: goal declares on the page
    pages: Pages grouped by group

> This data can be easily seen from the template by ``

## Import from markdown

    <my-component><my-component/>

    <script type="module" src="./my-component.js"></script>

> Bundle-cli will import using the expression `[src=local|node_module]` or `link[href=local|node_module]`, for a correct import keep a unique name for the local js files to include in the markdown, if you import from node_module define the exact path of the component file to use, eg `atomico-base/doc-story`