@1doc/1ds-react

Biblioteca de componentes React do 1ds Design System.

Instalação

pnpm add @1doc/1ds-react @1doc/1ds-tokens

Configuração

[!IMPORTANT] Para que os componentes sejam renderizados corretamente, você deve importar o CSS dos tokens e da biblioteca de ícones no ponto de entrada da sua aplicação (geralmente App.tsx ou main.tsx). Sem esses imports, os estilos e ícones não serão aplicados.

import "@1doc/1ds-tokens/dist/css/primitives.css";
import "@1doc/1ds-tokens/dist/css/semantic.css";
import "@1doc/1ds-tokens/dist/css/theme-1doc.css";
// Icons are loaded via Icon component

Uso

import { Button } from "@1doc/1ds-react";

function App() {
  return (
    <Button variant="primary" onClick={() => console.log("Click")}>
      Clique aqui
    </Button>
  );
}