Theme Switch

>= 1.20

Theme switch components.

Themeswitch, Personalization Blocks

Example:

// AppServiceProvider, "boot" method.
 
TallStackUi::customize()
    ->themeSwitch()
    ->block('block', 'classes');

WARNING!

You are browsing the docs for an old version of TallStackUI. Consider upgrade your project to TallStackUI v3.

# Concept

As TallStackUI offers a helper to manipulate the dark theme, starting from version 1.20, a simple toggle component was introduced with support for manipulating the dark theme state, activating or deactivating it with the respective sun and moon icons.

You should only use this component if are using the dark theme helper.

# Basic Usage

<x-theme-switch />

# Sizes

<x-theme-switch xs />
<x-theme-switch sm />
<x-theme-switch md />
<x-theme-switch lg />
<x-theme-switch xl />

# Only Icons

An option to only display icons, without the toggle.

<x-theme-switch only-icons />