Skip to content
@ng-doc/ui-kit / Class

NgDocButtonComponent

NgDocButtonComponent is a reusable button component with customizable properties. It can be used as a regular button, a flat button, or a text button.

Decorators
@Component
Selectors
button[ng-doc-button]a[ng-doc-button]button[ng-doc-button-flat]a[ng-doc-button-flat]button[ng-doc-button-text]a[ng-doc-button-text]
DeclarationTypeScript
@Component({ … })
export class NgDocButtonComponent { … }

Members

Properties

3
readonly input()

Color of the button. Can be 'primary', 'secondary', etc. Default is 'primary'.

rounded: InputSignalWithTransform<boolean, unknown>
readonly input()

Whether the button is rounded or not. Default is false.

readonly input()

Size of the button. Can be 'small', 'medium', or 'large'. Default is 'small'.

Example usage

<button ng-doc-button [size]="'large'" [color]="'secondary'" [rounded]="true">Click me</button>
Symbol
Kind
Class
Decorators
@Component
Selectors
button[ng-doc-button]a[ng-doc-button]button[ng-doc-button-flat]a[ng-doc-button-flat]button[ng-doc-button-text]a[ng-doc-button-text]
Scope
@ng-doc/ui-kit
Edit this page