Getting Started

Installation

Fundamentals

Components

Animations

FadeComing Soon
Infinite ScrollComing Soon
PointerComing Soon

components

Switch

Toggle between two states seamlessly

Enable Notifications

Installation


pnpm dlx radianui@latest add switch

Usage

Imports

import { Switch } from "@/components/ui/switch"

Code

<Switch size="24" />

Examples

Size

Size 20

Size 24

Size 32

Square

Turn on notifications

Icon Inside Switch

Icon Indicator

Text Inside Switch

Text Indicator

Disabled

Enable Notifications

On / Off Indicator

OffOn

Icon Indicator

Switch Card

Allow edit access

Enable public edit access all your docs.

Form

Props

<Switch>

Name	Default	Values
size	20	2024
disabled	false	boolean
External Reference	-	-