Skip to content

Conversation

matthewgallo
Copy link
Member

Closes #8302
Closes #8303

Adds examples for both create tearsheet narrow and full page.

What did you change?

Moved step-flows to patterns directory in our web components package rather than components and added examples there.

How did you test and verify your work?

Storybook

PR Checklist

As the author of this PR, before marking ready for review, confirm you:

  • Reviewed every line of the diff
  • Updated documentation and storybook examples
  • Wrote passing tests that cover this change
  • Addressed any impact on accessibility (a11y)
  • Tested for cross-browser consistency
  • Validated that this code is ready for review and status checks should pass

More details can be found in the pull request section of
our contributing docs.

@matthewgallo matthewgallo requested a review from a team as a code owner October 8, 2025 19:51
@matthewgallo matthewgallo requested review from anamikaanu96 and davidmenendez and removed request for a team October 8, 2025 19:51
Copy link

netlify bot commented Oct 8, 2025

Deploy Preview for ibm-products-web-components ready!

Name Link
🔨 Latest commit dec870b
🔍 Latest deploy log https://app.netlify.com/projects/ibm-products-web-components/deploys/68e7b906fbc2130008cd328f
😎 Deploy Preview https://deploy-preview-8417--ibm-products-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link

netlify bot commented Oct 8, 2025

Deploy Preview for carbon-for-ibm-products ready!

Name Link
🔨 Latest commit dec870b
🔍 Latest deploy log https://app.netlify.com/projects/carbon-for-ibm-products/deploys/68e7b9068a04ec0008b8402d
😎 Deploy Preview https://deploy-preview-8417--carbon-for-ibm-products.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@matthewgallo matthewgallo changed the title feat(create-flows): add narrow ts and fullpage examples feat(create-flows): add narrow tearsheet and fullpage examples Oct 8, 2025
@matthewgallo matthewgallo changed the title feat(create-flows): add narrow tearsheet and fullpage examples feat(create-flows): add narrow tearsheet and full page web component examples Oct 8, 2025
Copy link

codecov bot commented Oct 8, 2025

Codecov Report

❌ Patch coverage is 0.74627% with 133 lines in your changes missing coverage. Please review.
✅ Project coverage is 84.15%. Comparing base (1c4fa62) to head (dec870b).
⚠️ Report is 180 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #8417      +/-   ##
==========================================
+ Coverage   79.38%   84.15%   +4.77%     
==========================================
  Files         474      375      -99     
  Lines       20340    17636    -2704     
  Branches     5006     4077     -929     
==========================================
- Hits        16146    14842    -1304     
+ Misses       4194     2794    -1400     
Components Coverage Δ
ibm-products 83.48% <ø> (+2.90%) ⬆️
ibm-products-web-components 85.09% <62.85%> (+8.37%) ⬆️
🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Build create-full-page pattern, via example code (web component) Build create-tearsheet-narrow pattern, via example code (web component)

2 participants