Skip to content

feat(blocks): add CreateResource block#395

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

feat(blocks): add CreateResource block#395
thisisleahbuild wants to merge 3 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

leahwangcloudflare and others added 3 commits April 10, 2026 17:58
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)
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented Apr 23, 2026

npm i https://pkg.pr.new/@cloudflare/kumo@395

commit: 40ccf9b

@github-actions
Copy link
Copy Markdown
Contributor

Docs Preview

View docs preview

Commit: 40ccf9b

@github-actions
Copy link
Copy Markdown
Contributor

Visual Regression Report — 19 changed, 18 unchanged

19 screenshot(s) with visual changes:

Button / Variant: Primary

370 px (0.36%) changed

Before After Diff
Before After Diff

Button / Sizes

702 px (0.69%) changed

Before After Diff
Before After Diff

Button / Loading State

208 px (0.2%) changed

Before After Diff
Before After Diff

Button / Disabled State

117 px (0.12%) changed

Before After Diff
Before After Diff

Dialog / Dialog Basic

114 px (0.11%) changed

Before After Diff
Before After Diff

Select / Select Sizes

599 px (0.32%) changed

Before After Diff
Before After Diff

Select / Select Without Label

161 px (0.16%) changed

Before After Diff
Before After Diff

Select / Select With Field

852 px (0.72%) changed

Before After Diff
Before After Diff

Select / Select Placeholder

418 px (0.41%) changed

Before After Diff
Before After Diff

Select / Select With Tooltip

294 px (0.29%) changed

Before After Diff
Before After Diff

Select / Select Loading

0 px (0%) changed

Before After Diff
Before After Diff

Select / Select Multiple

556 px (0.55%) changed

Before After Diff
Before After Diff

Select / Select Complex

720 px (0.61%) changed

Before After Diff
Before After Diff

Select / Select Disabled Options

508 px (0.5%) changed

Before After Diff
Before After Diff

Select / Select Disabled Items

231 px (0.23%) changed

Before After Diff
Before After Diff

Select / Select Grouped

346 px (0.34%) changed

Before After Diff
Before After Diff

Select / Select Grouped With Disabled

450 px (0.44%) changed

Before After Diff
Before After Diff

Select / Select Long List

898 px (0.76%) changed

Before After Diff
Before After Diff

Select (Open)

2,322 px (0.01%) changed

Before After Diff
Before After Diff
18 screenshot(s) unchanged
  • Button / Basic
  • Button / Variant: Secondary
  • Button / Variant: Ghost
  • Button / Variant: Destructive
  • Button / Variant: Outline
  • Button / Variant: Secondary Destructive
  • Button / With Icon
  • Button / Icon Only
  • Button / Title
  • Dialog / Dialog With Actions
  • Dialog / Dialog Alert
  • Dialog / Dialog Confirmation
  • Dialog / Dialog With Select
  • Dialog / Dialog With Combobox
  • Dialog / Dialog With Dropdown
  • Dialog (Open)
  • Select / Select Basic
  • Select / Select Custom Rendering

Generated by Kumo Visual Regression

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.

3 participants