Skip to content
fuji-ui
Component

List

Divided row list with optional start/end slots.

Basic

  • Row one
  • Row two
  • Row three

With leading icon and metadata

  • Design assets
    12 files
  • Contracts
    3 files

With avatar

  • AC
    Gean Lyka
    Active
  • KS
    Kenji Sato
    Invited

Compact vs. comfortable

  • Compact row
  • Compact row
  • Comfortable row
  • Comfortable row

Without dividers

  • Row one
  • Row two

Clickable, selected, and disabled

Only interactive rows get cursor-pointer and a hover state.

  • Archived (disabled)

API reference

List.Item startSlot / endSlotNone
ReactNode

Optional leading and trailing content for each list item.

List.ItemNone
compound part

Composes each row inside the list root.

classNameNone
string

Additional classes applied to the component root.