Festval UI

Festval UI é um Design System desenvolvido para a empresa Festval, utilizando React, TailwindCSS e Radix UI. Ele fornece componentes reutilizáveis e acessíveis para a construção de interfaces consistentes e modernas.

📖 Documentação

A documentação completa do Festval UI pode ser encontrada no seguinte link:

🔗 Festval UI Documentation

📌 Índice

- Tecnologias Utilizadas
- Componentes Disponíveis
- Instalação
- Exemplo de uso
- AlertDialog
- Avatar
- Button
- Calendar
- Card
- Licença

🚀 Tecnologias Utilizadas

- React - Biblioteca para construção de interfaces de usuário
- TailwindCSS - Framework para estilização rápida e eficiente
- Radix UI - Componentes acessíveis e de alta qualidade para React

📦 Componentes Disponíveis

| Componente | Status |
| -------------- | -------------------- |
| AlertDialog | ✅ Implementado |
| Avatar | ✅ Implementado |
| Button | ✅ Implementado |
| Calendar | ✅ Implementado |
| Card | ✅ Implementado |
| Checkbox | ✅ Implementado |
| DatePicker | ✅ Implementado |
| Dialog | ✅ Implementado |
| Footer | ✅ Implementado |
| Header | ✅ Implementado |
| Heading | ✅ Implementado |
| Input | ✅ Implementado |
| InputFile | ✅ Implementado |
| Label | ✅ Implementado |
| Menu | ✅ Implementado |
| MonthPicker | ✅ Implementado |
| NavigationMenu | ✅ Implementado |
| Popover | ✅ Implementado |
| Select | ✅ Implementado |
| Table | ✅ Implementado |
| Text | ✅ Implementado |
| TextArea | ✅ Implementado |
| YearPicker | ✅ Implementado |
| Notification | ⏳ Em desenvolvimento |
| CheckboxGroup | ⏳ Em desenvolvimento |

📌 Instalação

Para instalar o Festval UI em seu projeto, utilize:

``

sh

npm install festval-ui





Ou com Yarn:

sh

yarn add festval-ui





🛠️ Uso



$3

tsx

import { AlertDialog } from "festval-ui";



function AlertExample() {

  return (

    

      Open

      

        Confirmação

        Tem certeza que deseja continuar?

        Confirmar

        Cancelar

      

    

  );

}

$3

tsx

import { Avatar } from "festval-ui";



function AvatarExample() {

  return ;

}

$3

tsx

import { Button } from "festval-ui";



function ButtonExample() {

  return ;

}

$3

tsx

import { Calendar } from "festval-ui";



function CalendarExample() {

  return ;

}

$3

tsx

import { Card } from "festval-ui";



function CardExample() {

  return (

    

      Título do Card

      Conteúdo do Card

    

  );

}

📄 Licença

Este projeto é licenciado sob a MIT License.