Skip to content

feat(blocks): add CreateResource block#395

Open
thisisleahbuild wants to merge 2 commits intocloudflare:mainfrom
thisisleahbuild:leah/create-resource-block
Open

feat(blocks): add CreateResource block#395
thisisleahbuild wants to merge 2 commits intocloudflare:mainfrom
thisisleahbuild:leah/create-resource-block

Conversation

@thisisleahbuild
Copy link
Copy Markdown

Add a full-page modal block with animated card stack transitions for creating resources.

Features:

  • Animated card stack with peek-back navigation
  • Sidebar step navigation with clickable steps
  • Configurable size variants (base, lg)
  • Optional lockNavigation and hideStepNavigation modes

Includes:

  • CreateResource and CreateResourceStep components
  • Three demo examples (Hero, Basic, Nested Creation)
  • Full documentation with API reference
image image

Add a full-page, multi-step wizard block with animated card stack
transitions for creating resources.

Features:
- Animated card stack with peek-back navigation
- Sidebar step navigation with clickable completed steps
- Focus management and focus trap for accessibility
- Respects prefers-reduced-motion preference
- KumoPortalProvider for nested overlays (Select, Dropdown, etc.)
- Configurable size variants (base, lg)
- Optional lockNavigation and hideStepNavigation modes

Includes:
- CreateResource and CreateResourceStep components
- Three demo examples (Hero, Basic, Nested Creation)
- Full documentation with API reference
… AI sidebar

- Add edit, view, and delete functionality to NestedDemo (Assign Breakout Traffic)
- Add simulated AI sidebar to all demos showing sidebarWidth integration
- Use Link and DropdownMenu for app row actions
- Support custom app CRUD operations in wizard flow
- Fix Text variant (heading3 instead of non-existent heading4)
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.

2 participants