material-ui icon indicating copy to clipboard operation
material-ui copied to clipboard

[docs][Joy] Add documentation for Joy `Stack` component

Open hbjORbj opened this issue 3 years ago • 2 comments

Preview: https://deploy-preview-35373--material-ui.netlify.app/joy-ui/react-stack

hbjORbj avatar Dec 06 '22 14:12 hbjORbj

Messages
:book: Netlify deploy preview: https://deploy-preview-35373--material-ui.netlify.app/

No bundle size changes

Generated by :no_entry_sign: dangerJS against 3fa14c6c1c555ca3b4a7f44a6c8eb9b6426f4b8a

mui-bot avatar Dec 06 '22 14:12 mui-bot

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 avatar Dec 15 '22 14:12 siriwatknp

@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>

hbjORbj avatar Dec 22 '22 20:12 hbjORbj

Thanks for this!

CLEckhardt avatar Dec 27 '22 14:12 CLEckhardt