1. Basic Forms
  2. Switch

Components

Tailwind CSS Switch - Preline UI

A toggle is used to view or switch between enabled or disabled states.

Basic usage

Example

The default form of a toggle.

With description

The basic usage with description.

Disabled

Disabled switch.

With tooltip

In this example we have added a tooltip to the switcher.

Sizes

Switches stacked small to large sizes.

Validation states

It provides valuable, actionable feedback to your users with HTML5 form validation.