material-ui
material-ui copied to clipboard
[docs][Joy] Add documentation for Joy `Stack` component
- [x] I have followed (at least) the PR section of the contributing guide.
Preview: https://deploy-preview-35373--material-ui.netlify.app/joy-ui/react-stack
| Messages | |
|---|---|
| :book: | Netlify deploy preview: https://deploy-preview-35373--material-ui.netlify.app/ |
Generated by :no_entry_sign: dangerJS against 3fa14c6c1c555ca3b4a7f44a6c8eb9b6426f4b8a
From https://github.com/mui/material-ui/issues/35471, @hbjORbj can you add one more customization demo to show the truncated text example?
using <Stack sx={{ '& > *': { minWidth: 0 } }}> https://github.com/mui/material-ui/issues/35471#issuecomment-1351565544.
@siriwatknp I've added the following example. Let me know.
....
<Item
sx={{
my: 1,
mx: 'auto',
p: 2,
}}
>
<Stack spacing={2} direction="row" alignItems="center">
<Stack>
<Avatar>W</Avatar>
</Stack>
<Stack sx={{ minWidth: 0 }}>
<Typography noWrap>{message}</Typography>
</Stack>
</Stack>
</Item>
Thanks for this!