Nine production-ready components, typed source graphs, and deterministic install plans.
- Components
- 09
- Compositions
- 08
Composition / Content
Expandable Project Card
Reveal project details and actions inside an accessible, variable-height card.
Delivery contract
Install it
pnpm add easecraft@0.1.0The composition imports stable APIs from easecraft.
Files / 02
- utility
components/easecraft/compositions/expandable-project-card-core.tsx - composition
components/easecraft/compositions/expandable-project-card.tsx
Dependencies / 03
- easecraft
- npm / 0.1.0
- react
- peer / >=18.2.0 <20.0.0
- react-dom
- peer / >=18.2.0 <20.0.0
Component graph
Foundations
Interaction contract
Keyboard
- Enter / Space
- Expands or collapses the project details.
- Tab / Shift+Tab
- Moves through links and actions inside expanded details.
Release requirement
Accessibility
- Pattern
- article-disclosure
- Focus management
- Required
- Reduced motion
- Immediate semantic fallback
- Note
- Uses an article containing one linked accordion heading, trigger, and region.
- Note
- Programmatic collapse returns focus from project actions to the disclosure trigger.