Logo VitNode
Documentation
DocumentationUI Components Overview
TypographyColors

Components

Data TableConfirm Action Alert Dialog

Forms

Auto FormCheckboxColorComboboxEditorInputInput GroupNullable NumberRadio GroupRolesSelectSwitchTextareaUser

UI

AccordionAlert DialogAlertBadgeButtonCardDialogDrawerDropdown MenuHover CardPopoverProgressScroll AreaSeparatorSheetSkeletonSonnerToggle 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