Utility

Lightswitch

Components and utilities to toggle Tailwind's dark mode.

typescript
import { LightSwitch } from '@skeletonlabs/skeleton';
Source Page Source WAI-ARIA

Skeleton provides multiple methods for toggling light and dark mode within your application. We recommend you select one method and utilize that as your primary solution for your application.

For most users we recommend using the Lightswitch component. Please note this must be present on page load in order to operate. It is best suited within a fixed header element that's always visible on the page.