RTK Design System に準拠したボタンです。
| プロパティ | 型 | 必須 | デフォルト | 説明 |
|---|---|---|---|---|
disabled |
boolean |
✅ | - | ボタンが無効かどうか |
kind |
ButtonKind |
✅ | - | ボタンの種類 |
reverse |
boolean |
✅ | - | 子要素の順序を逆にするかどうか |
size |
Size |
✅ | - | サイズ |
type |
HTMLButtonElement['type'] |
✅ | - | ボタンの種類 |
variant |
ButtonVariant |
✅ | - | ボタンのバリアント |
<rtk-button></rtk-button><rtk-button>
</rtk-button><script>
const el = document.querySelector("rtk-button");
el.disabled= true;
el.reverse= true;
</script>