accessible-astro-components/src/components/darkmode/DarkMode.stories.ts

A comprehensive set of accessible, easy-to-use UI components for Astro websites, built with WCAG compliance and inclusive design principles.

import DarkMode from './DarkMode.astro'

export default {
  component: DarkMode,
}

export const Default = {
  args: {},
}

export const InitialAuto = {
  args: {
    initialMode: 'auto',
  },
}

export const InitialLight = {
  args: {
    initialMode: 'light',
  },
}

export const InitialDark = {
  args: {
    initialMode: 'dark',
  },
}

export const CustomLabel = {
  args: {
    label: 'Toggle theme',
  },
}