Docebo libraries documentation site
vdevelop
Get Started
Guides
Overview Icons Illustrations Theme
Components
Accordion Avatar Badge Alert Badge Icon Badge Status Blank Slate Button Calendar Card Carousel Chip Data Browser Expandable Content Facet List
Filters
Filter Filter Container Filter Multiple Selection Filter Single Selection Filter Slider Range Selection Filter Slider Selection
Helper Message Icon Illustration
Inputs
Input Autocomplete Input Checkbox Input Checkbox Group Input Combobox Input Date Input Password Input Radio Group Input Rating Input Search Input Select Input Slider Input Text Input Toggle Input Upload
Link List List Listbox List Navigation List Presentation List Sheet List Tablist List Tree Menu Modal Dialog Navigation Notification Pagination Bar Popover Progress Skeleton Stepper Table Toast Tooltip
API References
Components List

List

 Overview API Examples Style Tokens

Examples

List item basic usage

List item negative

The List component supports a negative mode, suitable for areas with dark background.

List item custom content

The content of each List Item is completely free and customizable following your needs.

List item groups

It is possible to split a List into multiple List Groups. The correct semantics for screen readers is automatically applied.

List item nested

Lists can be nested. The indentation for each sub-List, as well as the correct semantics for screen readers, are automatically applied.

List item dividers

You can hide the dividers between List Items, for a more seamless experience.

Previous
Link
Next
List Listbox