question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Tree view] Dev of the new component absorbed from Carbon

See original GitHub issue

Background

Carbon’s tree view component currently exist in Carbon react experimental: Tree view and is a very accessibility friendly navigational component. We have many use cases that could benefit from this component include IBM Docs and SDMA. We would like to build this component in Carbon for IBM.com web components, and later contribute any enhancement to Carbon react.

Design does not have time to schedule the work to design the enhancements to the Carbon version. We will absorb the component and make enhancements based on user feedback later.

Additional information

  • Story within Storybook with corresponding knobs
  • Utilize Carbon
  • Create with Shadow DOM and Custom Elements standards
  • See the Epic (#7196 ) for the Background information
  • This dev work is to build with only one change to the Carbon version. The design work will be done in the future, based on feedback.
    • One change is to wrap the title to 2 lines.
  • Web Components Visual QA testing issue (#7735 )

Acceptance criteria

  • Include README for the web component and corresponding styles
  • Create Web Components styles in styles package
  • Do not create knobs in Storybook that include JSON objects
  • Break out Storybook stories into multiple variation stories, if applicable
  • Create codesandbox example under /packages/web-components/examples/codesandbox and include in README
  • Minimum 80% unit test coverage
  • Update the Carbon for ibm.com website component data file to be sure the web site Component Status and Storybook links are correct
  • Use the Visual QA checklist to verify design quality
  • Update the e2e test scripts, if needed.
  • Confirm e2e test results have no major errors.
  • If a design is provided, the Designer is included as a Reviewer in the Pull Request
  • Provide a direct link to the deploy preview for the designer in the Pull Request description

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
RobertaJHahncommented, Nov 22, 2021

@emyarod I have scheduled this work for the next sprint. Add the story points when ever you get a chance before the end of sprint 21-25.

1reaction
ljcarotcommented, Apr 19, 2022

Stilling working on it.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tree view - Carbon Design System
A tree view consists of nested heading levels that create a content hierarchy for users and assist with navigating large amounts of information....
Read more >
Design for tree view component · Issue #5180 - GitHub
When a multi-select tree receives focus: If none of the nodes are selected before the tree receives focus, focus is set on the...
Read more >
How Forests Store Carbon - Penn State Extension
Forests sequester or store carbon mainly in trees and soil. During the process of photosynthesis trees pull carbon out of the atmosphere to ......
Read more >
The Power of One Tree - The Very Air We Breathe - USDA
According to the Arbor Day Foundation , in one year a mature tree will absorb more than 48 pounds of carbon dioxide from...
Read more >
Building the Ultimate Carbon Capture Tree - ASME
Lackner's team found an inexpensive material that operates on a different cycle: it absorbs CO2 when dry and releases it when wet.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found