Toggle

import { Toggle } from "uilab-core"
import { BookmarkIcon } from "lucide-react"

export function TogglePreview() {
  return (

Usage

import { Toggle } from "uilab-core"

<Toggle>Toggle</Toggle>

Use variant="outline" for an outline style.

import { Toggle } from "uilab-core"
import { BoldIcon, ItalicIcon } from "lucide-react"

export function ToggleOutlineExample() {
  return (

Use the size prop to change the size of the toggle.

import { Toggle } from "uilab-core"

export function ToggleSizesExample() {
  return (
    <div className="flex flex-wrap items-center gap-2">

import { Toggle } from "uilab-core"
import { ItalicIcon } from "lucide-react"

export function ToggleTextExample() {
  return (

import { Toggle } from "uilab-core"

export function ToggleDisabledExample() {
  return (
    <div className="flex flex-wrap items-center gap-2">