Theme Switch

>= 1.20

Theme switch components.

Theme-Switch, Personalization Blocks

This content is part of TallStackUI personalization.

Example:

TallStackUi::personalize()
    ->themeSwitch()
    ->block('block', 'classes');

The soft personalization should be done in boot method of service providers.

# 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 />