@treevia/smartforest-ui v1.3.13

Biblioteca oficial de componentes de UI dos produtos Treevia. Disponível para & .

📃 Documentação

Leia a Documentação Online

ou acesse localmente:

npm run docs:dev

🦮 Guia de Início

⬇️ Instalação

npm install @treevia/smartforest-ui@latest

🍃 Tailwind

Configure normalmente o Tailwind de acordo com o framework

Vue 3

//main.{ts,js}

import { createSUI } from '@treevia/smartforest-ui'
import { createApp } from 'vue'
import App from './App.vue'
import './style.css'

createApp(App).use(createSUI()).mount('#app')

//tailwind.config.js

const smartforestui = require('@treevia/smartforest-ui/tailwind.preset')

module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
    'node_modules/@treevia/smartforest-ui/{lib,src}/**/*'
  ],
  presets: [
    smartforestui(),
  ],
}

Use em SFC

<script>
import {SFButton } from "@treevia/smartforest-ui"
</script>

Nuxt 3

/* assets/tailwind.css */

@tailwind base;
@tailwind components;
@tailwind utilities;

//nuxt.config.{ts,js}

export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: ['@treevia/smartforest-ui/nuxt'],
  css: ['~/assets/tailwind.css'],
  build: {
    transpile: ['@treevia/smartforest-ui'],
  },
  postcss: {
    plugins: {
      'tailwindcss/nesting': {},
      tailwindcss: {},
      autoprefixer: {},
    },
  },
})