Skip to content

UIList

Static list
index.tsMain entry point
server.tsBackend server
types.tsType definitions
Clickable with active state
PropTypeDefaultDescription
childrenReactNodeUIListItem elements
PropTypeDefaultDescription
titlestringrequiredItem title
subtitlestringSecondary text
activebooleanfalseHighlights the item
onClick() => voidMakes item clickable (renders as button)
import { UIList, UIListItem } from "tango-api";
<UIList>
{files.map((file) => (
<UIListItem
key={file.path}
title={file.name}
subtitle={file.path}
active={file.path === selected}
onClick={() => setSelected(file.path)}
/>
))}
</UIList>