open-index/open-npm huggingface dataset:
npm package: @hategrenade2/hg-banner
Description: Banner >
Author: cgldevel
Latest version: 0.0.5

# &lt;hg-banner&gt;

Banner
> 

## Usage
To use this web component in your project you can utilize one of the following styles of syntax.

```js
/* In an existing JS module / web component */
import '@hategrenade2/hg-banner/hg-banner.js';
/* At top of an application with build routine */
<script type="module" src="@hategrenade2/hg-banner/hg-banner.js"></script>
/* Alternatives for top of application */
<script type="module">
  import '@hategrenade2/hg-banner/hg-banner.js';
  // imperative form
  import {HgBanner} from '@hategrenade2/hg-banner';
  // if you don't have a build routine and need to reference directly
  import './node_modules/@hategrenade2/hg-banner/hg-banner.js';
</script>
// via unpkg CDN (good for testing)
<script type="module" src="https://unpkg.com/@hategrenade2/hg-banner/hg-banner.js"></script>
```

## Develop / Demo
Run `yarn start` will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the `/src` directory for changes and automatically rebuilding the element and documentation site for the demo.
```bash
yarn start
```

## Test

```bash
yarn run test
```

## Build
Builds ensure that wcfactory can correctly compile your web component project to
work on the maximum number of browsers possible.
```bash
yarn run build
```

## Contributing

1. Fork it! `git clone https://github.com/cgldevel/hategrenade2.git`
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## Code style

Banner (and all hategrenade2) use [Prettier][prettier] to auto-format JS and JSON.  The style rules get applied when you commit a change.  If you choose to, you can [integrate your editor][prettier-ed] with Prettier to have the style rules applied on every save.

[prettier]: https://github.com/prettier/prettier/
[prettier-ed]: https://github.com/prettier/prettier/#editor-integration
[polyserve]: https://github.com/Polymer/polyserve
[web-component-tester]: https://github.com/Polymer/web-component-tester

## License
[Apache-2.0 License](http://opensource.org/licenses/Apache-2.0)
npm package: @hategrenade2/hg-button
Description: Button >
Author: cgldevel
Latest version: 0.0.5

# &lt;hg-button&gt;

Button
> 

## Usage
To use this web component in your project you can utilize one of the following styles of syntax.

```js
/* In an existing JS module / web component */
import '@hategrenade2/hg-button/hg-button.js';
/* At top of an application with build routine */
<script type="module" src="@hategrenade2/hg-button/hg-button.js"></script>
/* Alternatives for top of application */
<script type="module">
  import '@hategrenade2/hg-button/hg-button.js';
  // imperative form
  import {HgButton} from '@hategrenade2/hg-button';
  // if you don't have a build routine and need to reference directly
  import './node_modules/@hategrenade2/hg-button/hg-button.js';
</script>
// via unpkg CDN (good for testing)
<script type="module" src="https://unpkg.com/@hategrenade2/hg-button/hg-button.js"></script>
```

## Develop / Demo
Run `yarn start` will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the `/src` directory for changes and automatically rebuilding the element and documentation site for the demo.
```bash
yarn start
```

## Test

```bash
yarn run test
```

## Build
Builds ensure that wcfactory can correctly compile your web component project to
work on the maximum number of browsers possible.
```bash
yarn run build
```

## Contributing

1. Fork it! `git clone https://github.com/cgldevel/hategrenade2.git`
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## Code style

Button (and all hategrenade2) use [Prettier][prettier] to auto-format JS and JSON.  The style rules get applied when you commit a change.  If you choose to, you can [integrate your editor][prettier-ed] with Prettier to have the style rules applied on every save.

[prettier]: https://github.com/prettier/prettier/
[prettier-ed]: https://github.com/prettier/prettier/#editor-integration
[polyserve]: https://github.com/Polymer/polyserve
[web-component-tester]: https://github.com/Polymer/web-component-tester

## License
[Apache-2.0 License](http://opensource.org/licenses/Apache-2.0)
npm package: @hategrenade2/hg-footer
Description: Footer >
Author: cgldevel
Latest version: 0.0.5

# &lt;hg-footer&gt;

Footer
> 

## Usage
To use this web component in your project you can utilize one of the following styles of syntax.

```js
/* In an existing JS module / web component */
import '@hategrenade2/hg-footer/hg-footer.js';
/* At top of an application with build routine */
<script type="module" src="@hategrenade2/hg-footer/hg-footer.js"></script>
/* Alternatives for top of application */
<script type="module">
  import '@hategrenade2/hg-footer/hg-footer.js';
  // imperative form
  import {HgFooter} from '@hategrenade2/hg-footer';
  // if you don't have a build routine and need to reference directly
  import './node_modules/@hategrenade2/hg-footer/hg-footer.js';
</script>
// via unpkg CDN (good for testing)
<script type="module" src="https://unpkg.com/@hategrenade2/hg-footer/hg-footer.js"></script>
```

## Develop / Demo
Run `yarn start` will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the `/src` directory for changes and automatically rebuilding the element and documentation site for the demo.
```bash
yarn start
```

## Test

```bash
yarn run test
```

## Build
Builds ensure that wcfactory can correctly compile your web component project to
work on the maximum number of browsers possible.
```bash
yarn run build
```

## Contributing

1. Fork it! `git clone https://github.com/cgldevel/hategrenade2.git`
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## Code style

Footer (and all hategrenade2) use [Prettier][prettier] to auto-format JS and JSON.  The style rules get applied when you commit a change.  If you choose to, you can [integrate your editor][prettier-ed] with Prettier to have the style rules applied on every save.

[prettier]: https://github.com/prettier/prettier/
[prettier-ed]: https://github.com/prettier/prettier/#editor-integration
[polyserve]: https://github.com/Polymer/polyserve
[web-component-tester]: https://github.com/Polymer/web-component-tester

## License
[Apache-2.0 License](http://opensource.org/licenses/Apache-2.0)