Back to blocks

Settings - Team

Team member management with roles and invitations

Installation

npx shadcn add @mylo-ui/settings-team

Preview

Team Management

Manage team members and their roles

Invite Team Member

Invite a new member to your team

Team Members (4)

Manage existing team members

JD

John Doe

john@example.com

Owner
JS

Jane Smith

jane@example.com

Admin
BJ

Bob Johnson

bob@example.com

Editor
AW

Alice Williams

Pending

alice@example.com

Viewer

Usage

import { SettingsTeam } from "@/components/blocks/settings-team"

export default function Page() {
  return <SettingsTeam />
}

Dependencies

lucide-react

shadcn/ui Components

card
button
input
avatar
badge
select