List Item
Type: React component
How to get ListItem?
JavaScript
import { ListItem } from 'fds/components';
A type of list item that's rendered vertically and always uses the full available width. Should generally be rendered by either a List or VirtualList component.
Props
children
(Required)
Type: ReactNode
cursor
(Optional)
Type: String
The cursor to use if the mouse is hovered over the component.
Related links
Default value
is
Disabled (Optional)
Type: Boolean
Whether or not the component should be rendered in a disabled state.
Default value
is
Selected (Optional)
Type: Boolean
Whether or not the component should be rendered in a selected state.
Default value
on
Click (Optional)
Type: Function
A callback that is called whenever the component is clicked and is not in a disabled state.
For more information about React and "events", check the React documentation
Arguments
Default value
on
Double Click (Optional)
Type: Function
A callback that is called whenever the component is double clicked and is not in a disabled state.
For more information about React and "events", check the React documentation
Arguments
Default value
tooltip
Content (Optional)
Type: String | ReactElement
The content of the tooltip that is displayed when hovering over the whole component.
-
string: the textual content of the tooltip
-
ReactElement: a React Element (instance of a React Component, usually created with JSX)
Default value
-