Skip to content

rtk-button

Last updated View as MarkdownAgent setup

A button that follows RTK Design System.

Properties

Property Type Required 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

Usage Examples

Basic Usage

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

With Properties

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

Was this helpful?