rtk-button

Last updated Apr 21, 2026Copy as MarkdownView as MarkdownAgent setup

OverviewPropertiesUsage ExamplesBasic UsageWith Properties

A button that follows RTK Design System.

Properties

Property	Type	Default	Description
`disabled`	`boolean`	-	Where the button is disabled or not
`kind`	`ButtonKind`	-	Button type
`reverse`	`boolean`	-	Whether to reverse order of children
`size`	`Size`	-	Size
`type`	`HTMLButtonElement['type']`	-	Button type
`variant`	`ButtonVariant`	-	Button variant

<!-- component.html -->
<rtk-button></rtk-button>

<!-- component.html -->
<rtk-button
 [disabled]="true"
 [kind]="buttonkind"
 [reverse]="true">
</rtk-button>

Was this helpful?

YesNo