~~~~package_name~~~~
==========

<!---
This file is generated by ape-tmpl. Do not update manually.
--->

<!-- Badge Start -->
<a name="badges"></a>

[![Build Status][bd_travis_shield_url]][bd_travis_url]
[![npm Version][bd_npm_shield_url]][bd_npm_url]
[![JS Standard][bd_standard_shield_url]][bd_standard_url]

[bd_repo_url]: https://github.com/~~~~github_repository~~~~
[bd_travis_url]: http://travis-ci.org/~~~~github_repository~~~~
[bd_travis_shield_url]: http://img.shields.io/travis/~~~~github_repository~~~~.svg?style=flat
[bd_travis_com_url]: http://travis-ci.com/~~~~github_repository~~~~
[bd_travis_com_shield_url]: https://api.travis-ci.com/~~~~github_repository~~~~.svg?token=
[bd_license_url]: https://github.com/~~~~github_repository~~~~/blob/master/LICENSE
[bd_codeclimate_url]: http://codeclimate.com/github/~~~~github_repository~~~~
[bd_codeclimate_shield_url]: http://img.shields.io/codeclimate/github/~~~~github_repository~~~~.svg?style=flat
[bd_codeclimate_coverage_shield_url]: http://img.shields.io/codeclimate/coverage/github/~~~~github_repository~~~~.svg?style=flat
[bd_gemnasium_url]: https://gemnasium.com/~~~~github_repository~~~~
[bd_gemnasium_shield_url]: https://gemnasium.com/~~~~github_repository~~~~.svg
[bd_npm_url]: http://www.npmjs.org/package/~~~~package_name~~~~
[bd_npm_shield_url]: http://img.shields.io/npm/v/~~~~package_name~~~~.svg?style=flat
[bd_standard_url]: http://standardjs.com/
[bd_standard_shield_url]: https://img.shields.io/badge/code%20style-standard-brightgreen.svg

<!-- Badge End -->


<!-- Description Start -->
<a name="description"></a>

~~~~package_description~~~~

<!-- Description End -->


<!-- Overview Start -->
<a name="overview"></a>



<!-- Overview End -->


<!-- Sections Start -->
<a name="sections"></a>

<!-- Section from "doc/guides/01.Installation.md.hbs" Start -->

<a name="section-doc-guides-01-installation-md"></a>

Installation
-----

```bash
$ npm install ~~~~package_name~~~~ --save
```


<!-- Section from "doc/guides/01.Installation.md.hbs" End -->

<!-- Section from "doc/guides/02.Usage.md.hbs" Start -->

<a name="section-doc-guides-02-usage-md"></a>

Usage
---------

```javascript
'use strict'

import React from 'react'
import { ~~~~package_name@pascalcase~~~~, ~~~~package_name@pascalcase~~~~Style } from '~~~~package_name~~~~'

class ExampleComponent extends React.PureComponent {
  render () {
    return (
      <div>
        <~~~~package_name@pascalcase~~~~Style/>
        <~~~~package_name@pascalcase~~~~ id='my-component'>
        </~~~~package_name@pascalcase~~~~>
      </div>

    )
  }
}

export default ExampleComponent

```


<!-- Section from "doc/guides/02.Usage.md.hbs" End -->

<!-- Section from "doc/guides/03.Components.md.hbs" Start -->

<a name="section-doc-guides-03-components-md"></a>

Components
-----------

### ~~~~package_name@pascalcase~~~~

~~~~package_description~~~~


### ~~~~package_name@pascalcase~~~~Style

Style for ~~~~package_name@pascalcase~~~~

**Props**

| Name | Type | Description | Default |
| --- | --- | ---- | ---- |
| `options` | object  | Style options | `{}` |



<!-- Section from "doc/guides/03.Components.md.hbs" End -->


<!-- Sections Start -->


<!-- LICENSE Start -->
<a name="license"></a>

License
-------
This software is released under the [MIT License](https://github.com/~~~~github_repository~~~~/blob/master/LICENSE).

<!-- LICENSE End -->


<!-- Links Start -->
<a name="links"></a>

Links
------

+ [THE Labo][t_h_e_labo_url]

[t_h_e_labo_url]: https://github.com/the-labo

<!-- Links End -->