[Typography] Responsive typography variants
Open
Nobody has claimed this yet.
scope: typography
waiting for 👍
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Duplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Summary 💡
implement breakpoints to use responsive values with typography component, like:
variant={{ xs: "h6", md: "h5" }}
Examples 🌈
<Typography variant={{ xs: "h6", md: "h5" }} >
My outstanding text
</Typography>
Motivation 🔦
No response
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 at the Typography component entry point and inspect how variant values are currently accepted and how responsive values are handled. Done means the example renders h6 at xs and h5 at md, with coverage for responsive variant behavior; no file or test path is provided in the issue.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100