المفتاح · النمط البصري

    <.switch class="switch" checked>
  <:label>Default</:label>
</.switch>
<.switch class="switch switch--accent" checked>
  <:label>Accent</:label>
</.switch>
<.switch class="switch switch--brand" checked>
  <:label>Brand</:label>
</.switch>
<.switch class="switch switch--alert" checked>
  <:label>Alert</:label>
</.switch>
<.switch class="switch switch--info" checked>
  <:label>Info</:label>
</.switch>
<.switch class="switch switch--success" checked>
  <:label>Success</:label>
</.switch>

  

    <.switch class="switch switch--sm" checked>
  <:label>SM</:label>
</.switch>
<.switch class="switch switch--md" checked>
  <:label>MD</:label>
</.switch>
<.switch class="switch switch--lg" checked>
  <:label>LG</:label>
</.switch>
<.switch class="switch switch--xl" checked>
  <:label>XL</:label>
</.switch>