App Row

One row of an app directory: a soft icon tile, a name and a one-line description, then either a connect button or a tick once the app is connected.

tsx
import { AppRow } from "@pestoui/core"

Directory

Rows carry their own vertical padding and no border — a divide-y on the list draws the hairlines.

Team chat
Post run summaries to a channel.
Email
Send a digest when a run finishes.
Issue tracker
Open an issue when a run fails.

Connecting

When connected flips to true the tick springs in. A row that renders already connected does not animate, so a list does not pop on first paint.

Email
Send a digest when a run finishes.

Props

PropTypeDefaultDescription
iconReactNode—Required. Placed in a soft 56px Icon Tile.
namestring—Required. The app's name.
descriptionstring—Required. One muted line; truncates.
connectedbooleanfalseShows a tick labelled “Connected” in place of the connect button.
classNamestring—On the row.

Pesto UI · 117 documented components