create
title: Criar Novo Elemento sidebar_position: 2
Guia rápido para criar um novo elemento 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 Elemento
## Navegue até seu projeto
cd seu-projeto-raaghu
## Criar novo elemento
raaghu add --element
## ou forma curta
raaghu add -e
3. Siga os Prompts
O CLI irá solicitar:
- Nome do Elemento (ex:
CustomButton,InputField) - Tipo de Elemento
- Opções Adicionais
4. Arquivos Gerados
src/rds-seu-elemento/
├── rds-seu-elemento.tsx # Elemento principal
├── rds-seu-elemento.stories.tsx # Histórias do Storybook
├── rds-seu-elemento.scss # Estilos
5. Testar Elemento
## Execute o Storybook para testar
npm run storybook
Navegue até Elements/SeuElemento no Storybook para visualizar e testar seu novo elemento.