[Container] Support ref as prop and add polymorphic as prop
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 70
- Forks
- 13
- Avg merge
- 2d 5h
- Merged PRs (30d)
- 8
Description
Summary
Improvements to the Container component.
Improvements
1. Missing ref prop support
The component doesn't accept ref as a prop, inconsistent with the rest of the design system.
3. No polymorphic as prop
The component always renders a <div>. Should support rendering as <section>, <main>, <article>, etc. for semantic HTML.
Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
- Accessibility baseline (#673)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the Container component entry point and reviewing its current props and rendering behavior. Done means the component accepts a ref, renders a div by default, and supports an as prop for elements such as section, main, and article, with coverage for these behaviors.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100