Instalação

Instalar pacote

Instale com o gerenciador de pacotes da sua preferência:

pnpm add @vincisys/eyeson

Estilos globais

Com Tailwind no projeto (recomendado, estilo Kumo):

@import 'tailwindcss';
@source "../node_modules/@vincisys/eyeson/dist/**/*.{js,jsx,ts,tsx}";
@import '@vincisys/eyeson/styles/tailwind';

Ou importe o CSS standalone sem configurar Tailwind:

import '@vincisys/eyeson/styles.css';

Importar componentes

Importe os componentes a partir do pacote:

import { Button, Input, Combobox, Select, Checkbox } from '@vincisys/eyeson';

Peer dependencies

React 18+ e lucide-react são necessários:

pnpm add react react-dom lucide-react

Tipografia

A fonte padrão do design system é a Roboto. Veja a página de Tipografia para detalhes.