Skip to content

CarouselView — horizontal slider of items #886

@michaelmagan

Description

@michaelmagan

Summary

Accessible carousel with swipe/drag, looping, and responsive cards.

Tasks

  • Define Props + Zod propsSchema: items[] { id, title, description?, media? }, visibleCount?, loop?
  • Intents: navigate(next|prev|index), select(id) -> { selection }
  • Swipe/drag, focus trapping, ARIA carousel roles
  • Lazy slide rendering
  • Docs + showcase with mixed media items

Acceptance Criteria

  • Keyboard and swipe feature parity
  • Screen reader announces slide position and selection

References

  • react-sdk/src/model/component-metadata.ts
  • react-sdk/src/util/registry.ts
  • react-sdk/src/hooks/use-component-state.tsx
  • docs/
  • showcase/

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions