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

<rtk-button></rtk-button>

With Properties

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

  el.disabled= true;
  el.reverse= true;
</script>

Was this helpful?