RoleBadge

RoleBadge — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

RoleBadge — Prism component.

Accessibility

Explains why access is limited in text, not colour alone, and offers the next action (request access). Banners use role="status".

Import

const { RoleBadge } = window.PrismDesignSystem_39d121;

Props

Prop	Type	Required	Description
role	"owner" | "admin" | "editor" | "viewer" | string	—	Known roles get an icon + tone; any other string renders neutral.
icon	React.ReactNode	—
children	React.ReactNode	—	Override the label (defaults to the capitalised role).