UNPKG

@fishtank/fishtank-vue

Version:
78 lines (56 loc) 1.44 kB
# Fishtank Vue Fish Tank VueJS Component Module ## Installation ``` sh npm install @fishtank/fishtank-vue ``` ## [Available Components](src/components/Readme.md) * [Cards](src/components/Card.md) * [Modals](src/components/Modals.md) * [Buttons](src/components/Buttons.md) * [Button Group](src/components/ButtonGroup.md) * [Radios](src/components/Radios.md) * [Switches](src/components/Switches.md) * [Loaders](src/components/Loaders.md) * [Text Input](src/components/InputText.md) * [Checkboxes](src/components/Checkboxes.md) * [Tags](src/components/Tags.md) ## Usage ### ESM Module Import the component from the library module ``` js import { Card } from @fishtank/fishtank-vue extend default { components:{ Card } } ``` ### CommonJS Module Import the component library module, and reference the desired component ``` js const fishtank = require(“@fishtank-vue”) extend default { components:{ fishtank.Card } } ``` ### Component CSS Fishtank-vue provides styles as: * _dist/fishtank-vue.css_: a single CSS file of all component styles * _dist/styles_: component specific stylesheets Import the full library, or per component styles, into your project as necessary. ## Contributing [Contributing Documentation](.github/CONTRIBUTING.md) ## Dev Environment Setup ``` bash # install dependencies npm install # or yarn # serve with hot reload at localhost:8080 npm run serve #or yarn serve ```