WEB AWESOME / トークンワークベンチ
テーマがコンポーネント境界を越えて適用される様子を確認できます。
スコープ付きトークンを変更し、ネイティブカスタム要素と通常のHTMLを並べて確認できます。
テーマのコントロール
これらのコントロールが変更するのはサンプル部分だけです。編集用コントロールの寸法は変わりません。
コンポーネントのプレビュー無料のコンポーネント
次のワークスペース
フォームのラベル、フィールドの枠線、アクションには、シャドウ境界を越えてセマンティックトークンが継承されます。
このサンプルでワークスペースが作成されることはありません。
--wa-border-radius-scale: 1;
--wa-space-scale: 1;