libs/design/button/examples/src/raised-button/raised-button.component.ts
import {
ChangeDetectionStrategy,
Component,
} from '@angular/core';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import {
faChevronLeft,
faChevronRight,
} from '@fortawesome/free-solid-svg-icons';
import { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';
@Component({
// eslint-disable-next-line @angular-eslint/component-selector
selector: 'raised-button',
templateUrl: './raised-button.component.html',
styles: [`
:host {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
`],
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: true,
imports: [
DAFF_BUTTON_COMPONENTS,
FaIconComponent,
],
})
export class RaisedButtonComponent {
faChevronLeft = faChevronLeft;
faChevronRight = faChevronRight;
}