Skip to content

rtk-button

A button that follows RTK Design System.

Properties

PropertyTypeRequiredDefaultDescription
disabledboolean✅-Where the button is disabled or not
kindButtonKind✅-Button type
reverseboolean✅-Whether to reverse order of children
sizeSize✅-Size
typeHTMLButtonElement['type']✅-Button type
variantButtonVariant✅-Button variant

Usage Examples

Basic Usage

<rtk-button></rtk-button>

With Properties

<rtk-button>
</rtk-button>
<script>
const el = document.querySelector("rtk-button");
el.disabled= true;
el.reverse= true;
</script>