@1doc/1ds-vue

Biblioteca de componentes Vue 3 do 1ds Design System.

Instalação

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

Configuração

Importe o CSS dos tokens no seu arquivo principal (main.ts):

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";
import "iconoir/css/iconoir.css";

Uso

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

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