@1doc/1ds-vue

Biblioteca de componentes Vue 3 do 1ds Design System.

Instalação

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

Configuração

[!IMPORTANT] Para que os componentes sejam renderizados corretamente, você deve importar o CSS dos tokens no ponto de entrada da sua aplicação (geralmente main.ts ou main.js). Sem esses imports, os estilos 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";
// Ícones são carregados automaticamente pelo componente Icon

Uso

<script setup>
import { Button } from "@1doc/1ds-vue";
</script>

<template>
  <Button variant="primary">Clique aqui</Button>
</template>