Toggle

The Toggle component is a two-state button that switches between on and off. It’s great for filters, formatting options, or any action that can be toggled.

You can use it on its own, or place it inside a Toggle Group if you want to manage multiple related toggles together.

The component includes:

• Variant Modes for size: Small, Medium, or Large
• A customizable label
• An optional icon slot
• A linkable option if you want the toggle to act as a button or link

Usage

1. Drag the Toggle component onto the canvas.
2. Adjust size using Variant Mode.
3. Edit the label, add an icon, or enable link behavior using the Component Properties.
4. (Optional) Add it to a Toggle Group if you’re using multiple toggles together.