Skip to content
Twentyfirst UIPro

List Row

Data · ListRow

View as Markdown
JPJonah PetitCan we move the review to Thursday?09:12
SLSun LeePayout file for March is attachedYesterday
BillingCard ending 4417 expires soonMon

Props

ListRow

PropTypeNotes
avatar?string
icon?IconName
tint?Tint | "plain"
leading?ReactNode
titleReactNodeRequired
subtitle?ReactNode
meta?ReactNode
trailing?ReactNode
unread?boolean
active?boolean
onClick?() => void
href?stringMakes the row a link (with `linkAs` for a router's link).
linkAs?ElementType
actions?ReactNodeButtons of the row's own (rename, remove …), outside the clickable area so nothing interactive is nested. Without `onClick` and `href` the row is not interactive at all.
titleLines?numberLines the title may take before it ends in an ellipsis (default: it wraps freely).
subtitleLines?numberLines the subtitle may take (default 1); badges and facts wrap within them.
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.