A Vue UI Component library with Tailwind CSS

components-ui

Component library based on Vue and Tailwind.

Quick start

1 Install npm

npm install @solfacil/components-ui

or yarn

yarn add @solfacil/components-ui

2 Import and use @solfacil/components-ui

import { Button, RadioButton, ToggleSwitch } from '@solfacil/components-ui';

export default {
  components: {
    Button,
    RadioButton,
    ToggleSwitch,
  },
};

3 Import style Sass

Include pattern based on style guide and tailwind styles

@import '~@solfacil/components-ui/src/assets/scss/core';

Or all styles

@import '~@solfacil/components-ui/src/assets/scss/solfacil';

Optional / style component

@import '~@solfacil/components-ui/src/assets/scss/buttons';
@import '~@solfacil/components-ui/src/assets/scss/radio-button';