Button component

DAYButtonComponent is a standalone Angular component that renders a styled <button> element. It is part of the @dayerlin-bustamante/button library and supports multiple visual types, sizes, and content projection.

Selectors

Button: day-button

Installation and Usage

npm install @dayerlin-bustamante/button

import { DAYButtonComponent } from '@dayerlin-bustamante/button';

<day-button type="primary" size="medium">
        ¡Click here!
</day-button>

The component uses content projection (<ng-content>), so any content (text, icons, or other elements) can be placed inside the button.

Inputs

Name	Description	Default
size: <'big' \| 'medium' \| 'small'>	Size of the button.	medium
type: <'primary' \| 'secondary' \| 'tertiary' \| 'action' \| 'clear' \| 'neutral'>	Type of the button.	primary
buttonType: <'button' \| 'submit' \| 'reset'>	HTML button type.	button
disabled: boolean	Whether the button is disabled.	false

Outputs

Not included

Directives

Not included

Public methods

Not included