Tailwind CSS List - Props



List Props

The following props are available for list component. These are the custom props that we've added for the list component and you can use all the other native props as well.

AttributeTypeDescriptionDefault
classNamestringAdd custom className for list''
childrennodeAdd content for listNo default value it's a required prop.


For TypeScript Only

import type { ListProps } from "@material-tailwind/react";

List Item Props

The following props are available for list item component. These are the custom props that we've added for the list item component and you can use all the other native props as well.

AttributeTypeDescriptionDefault
ripplebooleanAdd ripple effect for list itemtrue
selectedbooleanMakes the list item selected by defaultfalse
disabledbooleanMakes the list item disabledfalse
classNamestringAdd custom className for list item''
childrennodeAdd content for list itemNo default value it's a required prop.


For TypeScript Only

import type { ListItemProps } from "@material-tailwind/react";

List Item Prefix Props

The following props are available for list item prefix component. These are the custom props that we've added for the list item prefix component and you can use all the other native props as well.

AttributeTypeDescriptionDefault
classNamestringAdd custom className for list item prefix''
childrennodeAdd content for list item prefixNo default value it's a required prop.


For TypeScript Only

import type { ListItemPrefixProps } from "@material-tailwind/react";

List Item Suffix Props

The following props are available for list item suffix component. These are the custom props that we've added for the list item suffix component and you can use all the other native props as well.

AttributeTypeDescriptionDefault
classNamestringAdd custom className for list item suffix''
childrennodeAdd content for list item suffixNo default value it's a required prop.


For TypeScript Only

import type { ListItemSuffixProps } from "@material-tailwind/react";

Related

Examples

Checkout different examples for list components.

Theme

Learn how to customize the theme and styles for list components.

Edit this page on Github