@salas-ds/angular

Componentes Angular do Salas Design System.

Instalação

npm install @salas-ds/angular @salas-ds/core lucide-angular
# ou
pnpm add @salas-ds/angular @salas-ds/core lucide-angular

Uso

Standalone Components

import { SalasButtonComponent } from '@salas-ds/angular';

@Component({
  selector: 'app-example',
  standalone: true,
  imports: [SalasButtonComponent],
  template: `
    <salas-button variant="default" size="md">
      Click me
    </salas-button>
  `,
})
export class ExampleComponent {}

Modules

import { SalasButtonModule } from '@salas-ds/angular';

@NgModule({
  imports: [SalasButtonModule],
})
export class AppModule {}

Componentes Disponíveis

• SalasButtonComponent - Botões com múltiplas variantes
• SalasInputComponent - Inputs de texto
• SalasSelectComponent - Select dropdown
• SalasAutocompleteComponent - Autocomplete com busca
• SalasDatepickerComponent - Seletor de datas

CSS Variables

Certifique-se de incluir as CSS variables do design system:

@import '@salas-ds/core/tokens';

Ou copie o arquivo styles.css gerado pelo CLI.