[Tree view] Dev of the new component absorbed from Carbon
See original GitHub issueBackground
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:
- Created 2 years ago
- Comments:5 (3 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@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.
Stilling working on it.