AvatarBadge

API reference and demos for AvatarBadge.

Source

Import

import { AvatarBadge } from "@flanksource/clicky-ui/data";

Demos

Default · Open in Storybook

With Status · Open in Storybook

With Comment · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
alt*	string	—	—
avatarKind	enum	user	—
avatarVariant	enum	duotone	—
badgeClassName	string	—	—
badgeStyle	CSSProperties	—	—
borderColor	string	—	—
className	string	—	—
comment	ReactNode	—	—
commentClassName	string	—	—
initials	string	—	—
label	ReactNode	—	—
labelClassName	string	—	—
size	enum	lg	—
statusIcon	string | ComponentClass<any, any> | FunctionComponent<any>	—	—
statusTitle	string	—	—
statusTone	enum	neutral	—
style	CSSProperties	—	—
title	string	—	—