Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I create a bulleted list using Material UI components?

Tags:

material-ui

How can I create a bulleted list using MUI components? I have tried adding sx={{listStyleType:'disc'}} to the List component, but no luck. Here is my code :

    <List sx={{ listStyleType: 'disc' }}>
      <ListSubheader sx={{
        fontWeight: 700, lineHeight: '24px', fontSize: '16px', color: 'black'
      }}
      >
        Search Help
      </ListSubheader>
      <ListItem>Double check your spelling</ListItem>
      <ListItem>Your search may have been removed or is not yet in the system</ListItem>
    </List>
like image 701
astr Avatar asked Sep 11 '25 19:09

astr


1 Answers

I figured it out, needs to be

<List sx={{ listStyleType: 'disc' }}>
  <ListItem sx={{ display: 'list-item' }}>
</List>
like image 128
astr Avatar answered Sep 16 '25 07:09

astr



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!