Refine label styling/behavior
Open
Nobody has claimed this yet.
enhancement
- Dominant language
- TypeScript
- Stars
- 39
- Forks
- 14
- Avg merge
- 1d 16h
- Merged PRs (30d)
- 13
Description
😯 Problem to Solve
We got more specific requirements surrounding labels:
- Control labels should wrap at the width of the control
- Control labels should wrap to a maximum of 2 lines by default
- Should be configurable to remain on a single line
- Control label overflow should display ellipsis and a tooltip should be available to display the full label value
💁 Proposed Solution
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 control-label components in the Nimble design system and reviewing their current sizing and overflow behavior. Implement wrapping at the control width, a two-line default maximum, single-line configuration, ellipsis, and tooltip access to the full value. Done means each listed behavior is covered and verified in the relevant component tests or examples.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100