ZINK UI

Biblioteca de componentes com TailwindCSS

Uso

Instalação

Instale a biblioteca, o tailwind e suas dependências:

npm install zink-ui
npm install --save-dev tailwindcss postcss autoprefixer

Configuração

Inicie a configuração do tailwind:

npx tailwindcss init

Adicione "jsx" e "tsx" ao array content no arquivo de configuração do tailwind que terá sido criado:

tailwind.config.js;

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{jsx,tsx}'],
  theme: {
    extend: {},
  },
  plugins: [],
};

Adicione as diretivas do tailwind no seu arquivo css principal:

main.css

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

Adicione o arquivo de estilos da zink-ui

import 'zink-ui/style.css';

Componentes disponíveis

• Button
• Input
• Dropdown Menu
• Filters
• Skeleton
• Table
• Theme Provider