rtk-button

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>