At Components

Uma biblioteca abrangente de componentes Vue 3 para aplicações da Nova Plataforma da Agrotools. Esta biblioteca fornece uma coleção de componentes de UI reutilizáveis construídos com as melhores práticas modernas, focando em acessibilidade, personalização e experiência do desenvolvedor.

Instalação

pnpm install @agrotools1/at-components

Recursos

• 🚀 Componentes Vue 3 - Construídos exclusivamente para Vue 3 com suporte a TypeScript
• 🎨 Personalizável - Opções de estilização flexíveis com Tailwind CSS e SCSS
• ♿ Acessível - Componentes seguem as diretrizes WAI-ARIA
• 📚 Bem Documentado - Documentação abrangente com exemplos
• 🧪 Integração com Storybook - Demonstrações interativas de componentes
• 🔄 Componentes Controlados - Suporte para v-model e controle programático

Uso

Importe e use componentes em sua aplicação Vue:

<template>
  <AtAccordion type="single" collapsible>
    <AtAccordionItem value="item-1">
      <AtAccordionTrigger>Seção 1</AtAccordionTrigger>
      <AtAccordionContent>
        Este é o conteúdo da seção 1.
      </AtAccordionContent>
    </AtAccordionItem>
  </AtAccordion>
</template>

<script setup>
import { 
  AtAccordion, 
  AtAccordionItem, 
  AtAccordionTrigger, 
  AtAccordionContent 
} from '@agrotools1/at-components';
</script>

Documentação de Componentes

Cada componente inclui documentação abrangente com:

• API de props e eventos
• Exemplos de uso
• Variações e opções de personalização
• Trechos de código

Dependências

A biblioteca utiliza estas tecnologias principais:

• Vue 3
• Tailwind CSS
• reka-ui
• @agrotools1/at-icons

Desenvolvimento

Este pacote é parte do monorepo da Agrotools. Para contribuir:

1. Clone o repositório
2. Instale dependências com pnpm install
3. Construa a biblioteca com pnpm build