Silo

Appearance

Interface: ListRowProps ​

Defined in: packages/sdk/src/List.tsx:125

One row inside a List. Stretches full-width; long text truncates (use truncate="start" for paths). trailing content never shrinks.

Example ​

tsx
<ListRow
  selected={folder.primary}
  leading={<FolderIcon />}
  trailing={<Badge tone="accent">primary</Badge>}
  truncate="start"
  onSelect={() => choose(folder)}
>
  {folder.path}
</ListRow>

Properties ​

selected? ​

ts
optional selected?: boolean;

Defined in: packages/sdk/src/List.tsx:126

leading? ​

ts
optional leading?: ReactNode;

Defined in: packages/sdk/src/List.tsx:128

Icon slot (dimmed, fixed).

trailing? ​

ts
optional trailing?: ReactNode;

Defined in: packages/sdk/src/List.tsx:130

Badge(s) and/or IconButton size="sm"(s).

truncate? ​

ts
optional truncate?: ListRowTruncate;

Defined in: packages/sdk/src/List.tsx:132

Default "end". Use "start" for paths.

onSelect? ​

ts
optional onSelect?: () => void;

Defined in: packages/sdk/src/List.tsx:134

Click / Space select.

Returns ​

void

onActivate? ​

ts
optional onActivate?: () => void;

Defined in: packages/sdk/src/List.tsx:136

Enter / double-click.

Returns ​

void

children? ​

ts
optional children?: ReactNode;

Defined in: packages/sdk/src/List.tsx:137