HTML Nunjucks Web Component

Used tokens

Token
--_switch-block-size
--_switch-inline-size
--_switch-padding
--_switch-thumb-size
--color-focus
--color-overlay-active
--color-overlay-hover
--shadow-focus
--size-border-100
--size-radius-full
--size-spacing-100
--size-spacing-600
--size-spacing-1000
--typography-label-font-family
--typography-label-font-size
--typography-label-font-weight
--typography-label-gap
--typography-label-line-height
--uif-switch-text-color-default
--uif-switch-text-color-disabled
--uif-switch-thumb-background-active
--uif-switch-thumb-background-default
--uif-switch-thumb-background-disabled
--uif-switch-thumb-background-hover
--uif-switch-track-background-active
--uif-switch-track-background-default
--uif-switch-track-background-disabled
--uif-switch-track-background-hover
--uif-switch-track-border-color-active
--uif-switch-track-border-color-default
--uif-switch-track-border-color-disabled
--uif-switch-track-border-color-hover