NgDocButtonIconComponent

A square button that holds a single icon.

The large size is the 36px header button. Set [rounded]="false" for the rounded-square shape of the NgDoc header.

Decorators: @Component
Selectors: button[ng-doc-button-icon]a[ng-doc-button-icon]button[ng-doc-button-icon-raised]a[ng-doc-button-icon-raised]button[ng-doc-button-icon-transparent]a[ng-doc-button-icon-transparent]

DeclarationTypeScript

@Component({ … })
export class NgDocButtonIconComponent { … }

Members

Properties 2
rounded: `InputSignalWithTransform<boolean, unknown>` readonly `input()`	Whether the button is a circle. When `false`, it is a rounded square.
size: `InputSignal<NgDocSize>` readonly `input()`	Size of the button: `small` (24px), `medium` (32px) or `large` (36px).

<button ng-doc-button-icon size="large" [rounded]="false" aria-label="Open menu">
  <ng-doc-icon icon="menu" />
</button>

Symbol

Kind: Class
Decorators: @Component
Selectors: button[ng-doc-button-icon]a[ng-doc-button-icon]button[ng-doc-button-icon-raised]a[ng-doc-button-icon-raised]button[ng-doc-button-icon-transparent]a[ng-doc-button-icon-transparent]
Scope: @ng-doc/ui-kit