Getting Started

Instale e use o COBOGÓ no seu projeto Astro+Svelte.

Instalação

Instale via GitHub (até existir release no NPM):

Bootstrap em outros repos

No terminal:

curl -fsSL https://jules-proxy-mhgmawcn3a-rj.a.run.app/bootstrap | bash

TypeScript com twoslash

import Button from 'cobogo/components/Button';
//      ^?
const variant: 'azul' | 'vermelho' = 'azul';

bun add github:franklinbaldo/cobogo#v0.1.0
# ou: npm install github:franklinbaldo/cobogo#v0.1.0

Uso

Importar tokens CSS

No layout principal:

---
import 'cobogo/styles';
---

Isso traz toda a paleta, tipografia, escala, radius e sombras como CSS variables.

Importar componentes Svelte

---
import Button from 'cobogo/components/Button';
import Card from 'cobogo/components/Card';
import Badge from 'cobogo/components/Badge';
---

<Button variant="azul">Ver manifesto</Button>
<Card>...</Card>
<Badge>Novo</Badge>

Componentes disponíveis

Componentes disponíveis incluem Button, Card, Badge, ProfileCard, DataTable, SearchBar, e os padrões cobogó.

Configurar imports

- import Button from '../../components/Button.svelte';
+ import Button from 'cobogo/components/Button';
export { default as Card } from 'cobogo/components/Card';