Playground GitHub npm

Team

Team-members list with avatars, roles, and an Invite action. Composed block.

block block

Preview

Installation

npx slintcn@latest add team

Usage

import { Team, TeamMember } from "slintcn/blocks/team.slint";

Team {
    members: [{ name: "Sofia Davis", email: "sofia@acme.dev", role: "Owner", initials: "SD" }];
    invite => { /* … */ }
    manage(i) => { /* … */ }
}

Properties

members in [TeamMember]

Members rendered in the list.

invite callback ()

Fired on the Invite button.

manage callback (int)

Fired with the row index when a row's action is triggered.

Dependencies

cardavatarlabelbadgebuttonseparator

Installed automatically as transitive dependencies of slintcn add team.