← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core
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
<rtk-button></rtk-button>With Properties
<rtk-button>
</rtk-button><script>
const el = document.querySelector("rtk-button");
el.disabled= true;
el.reverse= true;
</script>