Theme Toggle

<BaseTheme* /> · A theme switching component.

vue

<template>
  <BaseThemeToggle />
  <BaseThemeSwitch />
  <BaseThemeSystem />
</template>

Features

This is a self closing component that can be used to switch between different themes.

vue

<template>
  <BaseThemeToggle />
</template>

This component has props that you can use to modify its visual style.

Prop	Type
`id` default:`-`	`string` The form input identifier.
`transitions` default:`false`	`boolean` Enables transitions when toggling between light and dark mode.
`variant` default:`"default"`	`"default"` The variant of the toggle.

Prop	Type
`id` default:`-`	`string` The form input identifier.
`transitions` default:`false`	`boolean` Enables transitions when toggling between light and dark mode.
`variant` default:`"default"`	`"default"` The variant of the Switch.

Prop	Type
`id` default:`-`	`string` The form input identifier.
`transitions` default:`false`	`boolean` Enables transitions when toggling between light and dark mode.
`variant` default:`"default"`	`"default"` The variant of the toggle.

Textarea

Toast