Skip to content

feat(Backdrop): voeg Backdrop component toe (issue #113)#116

Merged
jeffreylauwers merged 1 commit intomainfrom
feature/backdrop
Mar 25, 2026
Merged

feat(Backdrop): voeg Backdrop component toe (issue #113)#116
jeffreylauwers merged 1 commit intomainfrom
feature/backdrop

Conversation

@jeffreylauwers
Copy link
Copy Markdown
Owner

Summary

  • Backdrop component toegevoegd — vaste overlay voor Modal Dialog en Drawer
  • Design tokens (backdrop.json) + thema-kleuren in colors-light.json / colors-dark.json
  • HTML/CSS implementatie met color-mix() voor semi-transparantie + backdrop-filter: blur()
  • React component met blur prop (boolean, default true), forwardRef, altijd aria-hidden="true"
  • Storybook: Default, WithoutBlur en AllStates stories + volledige docs-pagina
  • Documentatie gesynchroniseerd (README, docs/03-components.md, changelog v5.14.0)

Test plan

  • pnpm test — 1133 tests groen (55 test suites)
  • pnpm --filter storybook exec tsc --noEmit — 0 nieuwe TypeScript-fouten
  • pnpm lint — 0 errors
  • Storybook visueel geverifieerd: Default story, Without blur story, All states story, Docs-pagina

Closes #113

🤖 Generated with Claude Code

Vaste, volledig-scherm overlay voor Modal Dialog en Drawer.
Bevat design tokens, HTML/CSS, React component met blur prop,
Storybook stories en volledige documentatie.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@jeffreylauwers jeffreylauwers merged commit ecc2a7c into main Mar 25, 2026
3 checks passed
@jeffreylauwers jeffreylauwers deleted the feature/backdrop branch March 27, 2026 06:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(Backdrop): decoratieve overlay om achtergrondinhoud te verhullen

1 participant