🧩 poctestcomponents-ui

🚀 Instalação

pnpm add poctestcomponents-ui

ou

npm install poctestcomponents-ui

🧱 Componentes Disponíveis

🔘 Button

import { Button } from 'poctestcomponents-ui';

<Button variant='primary' size='md' onClick={() => alert('OK')}>
  Confirmar
</Button>;

| Prop | Tipo | Padrão | Descrição | | ---------- | ------------ | ------------ | ----------------------------- | ---------------------- | ---------------- | | variant | 'primary' | 'secondary' | 'primary' | Estilo visual do botão | | size | 'sm' | 'md' | 'lg' | 'md' | Tamanho do botão | | onClick | () => void | — | Ação ao clicar | | disabled | boolean | false | Desativa o botão | | loading | boolean | false | Mostra estado de carregamento |

✍️ Input

import { Input } from 'poctestcomponents-ui';

<Input
  placeholder='Digite algo'
  variant='default'
  sizeVariant='md'
  value={valor}
  onChange={(e) => setValor(e.target.value)}
/>;

| Prop | Tipo | Padrão | Descrição | | ------------- | --------------------- | ------------ | ------------------------- | ------------- | ---------------- | | variant | 'default' | 'underline' | 'default' | Estilo visual | | sizeVariant | 'sm' | 'md' | 'lg' | 'md' | Tamanho do input | | ...rest | InputHTMLAttributes | — | Atributos nativos do HTML |

🔗 Link

import { Link } from 'poctestcomponents-ui';

<Link href='/contato' variant='secondary' size='sm'>
  Fale Conosco
</Link>;

| Prop | Tipo | Padrão | Descrição | | --------- | ---------- | ------------ | -------------- | --------------------- | --------------- | | href | string | — | URL de destino | | variant | 'primary' | 'secondary' | 'primary' | Estilo visual do link | | size | 'sm' | 'md' | 'lg' | 'md' | Tamanho do link |