Logo VitNode
Documentation
DocumentationIntroduction
TypographyColors

Components

Data TableConfirm Action Alert Dialog

Forms

Auto FormCheckboxColorComboboxEditorInputInput GroupNullable NumberRadio GroupRolesSelectSwitchTextareaUser

UI

AccordionAlert DialogAlertBadgeButtonCardDialogDrawerDropdown MenuEmoji & Icon PickerHover CardPopoverProgressScroll AreaSeparatorSheetSkeletonSonnerTabsToggle GroupToggleTooltip

Toggle

A toggle component for switching between two states.

Preview

Usage

import { Bold } from 'lucide-react';

import { Toggle } from '@vitnode/core/components/ui/toggle';
<Toggle aria-label="Toggle italic">
  <Bold className="size-4" />
</Toggle>

API Reference

Base UI - Toggle

Toggle Group

A toggle group component for selecting multiple options.

Tooltip

A tooltip component for displaying additional information on hover or focus.

On this page

PreviewUsageAPI Reference