Use our responsive Tailwind CSS vertical List
anywhere on your web app!
A List
displays a list of items containing images, icons, and text that represents a specific action.
See below our List
example that you can use in your Tailwind CSS and React project. The examples comes in different styles, so you can adapt them easily to your needs.
You can use the <ListItemPrefix />
component to put images or icons before the list item content.
You can use the <ListItemSuffix />
component to put images or icons after the list item content.
You can make a list item selected by default using the selected
prop for the <ListItem />
component.
You can make a list item disabled using the disabled
prop for the <ListItem />
component.
Display a collection of options that are clickable and lead to different pages with our simple and versatile list example.
This example is similar to the previous list component, but it also includes badges to present more information about the options (for example, the quantity).