accessible-astro-components/src/components/reducedmotion/ReducedMotion.stories.ts

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

import StorySlot from '../StorySlot.astro'
import ReducedMotion from './ReducedMotion.astro'

export default {
  component: StorySlot,
}

const baseArgs = {
  Component: ReducedMotion,
}

export const Default = {
  args: {
    ...baseArgs,
  },
}

export const InitialOn = {
  args: {
    ...baseArgs,
    initialMode: 'on',
  },
}

export const InitialOff = {
  args: {
    ...baseArgs,
    initialMode: 'off',
  },
}