Skip to content

ListItem

Lists are continuous, vertical indexes of text or images. material.io

Importing

1
2
3
4
5
6
7
8
import React from "react";
import { ListItem } from "photoncss/react";

export default function Component() {
    return (
        <ListItem>content</ListItem>
    );
}

Props

Name Default Possible Values Type Description
icon null TextIcon TextIcon Sets the icon in the front of the content.
iconEnd null TextIcon TextIcon Sets the icon in the end of the content.
round false Boolean value boolean Sets if the list item should have rounded corners.
waves true Boolean value boolean Sets if the list item should utilize waves/ripples when interacted with.

Note

Props other than those listed above such as className and style will be passed directly to the <;i/> element.

See also: