Pular para o conteúdo principal
Versão: 1.3.2

create

title: Criar Novo Componente sidebar_position: 2​

Criando um Novo Componente​

Guia rápido para criar um novo componente usando o Raaghu CLI.

Pré-requisitos​

  • Raaghu CLI instalado globalmente
  • Node.js v20+ e npm
  • Código fonte do Raaghu Design System

Passos​

1. Instalar/Atualizar CLI​

## Instalar ou atualizar Raaghu CLI
dotnet tool install -g Waiin.Raaghu.Cli
dotnet tool update -g Waiin.Raaghu.Cli

2. Criar Componente​

## Navegue até seu projeto
cd seu-projeto-raaghu

## Criar novo componente
raaghu add --component
## ou forma curta
raaghu add -c

3. Siga os Prompts​

O CLI irá solicitar:

  • Nome do Componente (ex: DataTable, UserProfile)
  • Tipo de Componente
  • Opções Adicionais

4. Arquivos Gerados​

src/rds-comp-seu-componente/
├── rds-comp-seu-componente.tsx        # Componente principal
├── rds-comp-seu-componente.stories.tsx # Histórias do Storybook
├── rds-comp-seu-componente.scss # Estilos

5. Testar Componente​

## Execute o Storybook para testar
npm run storybook

Navegue até Components/SeuComponente no Storybook para visualizar e testar seu novo componente.