RoleBadge

stable

Treasury persona role indicator with semantic color coding (analyst, manager, director, controller, compliance)

import { RoleBadge } from "@nodus/design-system"

AnalystManagerDirectorControllerComplianceAnalyst

Loading demo…

Props

Prop	Type	Default	Description
`role`req	`TreasuryRole`	—	Treasury persona role
`size`	`sm \| md`	md	Badge size

rolerequired

Type TreasuryRoleDefault —

Treasury persona role

size

Type sm | mdDefault md

Badge size

MobileWorks As-Is

Design Rationale

This component was designed to express:

Colored label for status, trust level, or category

User profile with avatar, role badge, permissions summary, last login, and sign-out action

Unauthorized access state with role comparison, request-access CTA, and navigation back

Was this helpful?