Switch with Label and Description

A toggle switch inside a bordered card with a label, sublabel, and short description, with the border highlighting when checked.

BunduibyBundui.io

import SwitchComponent from "@/components/ui/switch10";

export default function Demo() {
  return (
    <div className="flex min-h-64 w-full items-center justify-center p-6">
      <div className="w-full max-w-sm">
        <SwitchComponent />
      </div>
    </div>
  );
}

Source

shadcnuikit.com

Published

8/20/2026

Similar components

Explore more

Part of Bundui — browse the full library on 21st.dev.

Form components1522 Toggle components532 Label components657 Settings components102

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Switch with Label and Description

Tags

Source

Published

Similar components

Explore more