[joy-ui][List] Support responsive orientation values
Open
Nobody has claimed this yet.
on hold
package: joy-ui
scope: list
type: enhancement
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
Related page
https://mui.com/joy-ui/react-radio-button/
Kind of issue
Unclear explanations
Issue description
I was looking for list orientation to be based on viewport width
e.g.
<List
component="div"
size='sm'
variant="outlined"
orientation={{ xs: 'vertical', md: 'horizontal' }}
sx={{
borderRadius: 'sm',
boxShadow: 'sm',
justifyContent: 'flex-start'
}}>
...
</List>
and it appears that orientation value expects only either ["horizontal","vertical"]
Context 🔦
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 with the Joy UI List API described in this issue and compare it with the related Radio Button page. Trace how List currently handles its orientation value and identify the relevant component tests or documentation entry points. Done means orientation accepts viewport-based values such as xs and md and produces the requested layout at those breakpoints.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100