Skip to content
Fungi

components/status

@fungi.computer/caps

@fungi.computer/caps / components/status

components/status

Section titled “components/status”

Type Aliases

Section titled “Type Aliases”

StatusShape

Section titled “StatusShape”

StatusShape = "dot" | "pill" | "bang"

The bead’s target silhouette. Changes morph from its current appearance.

StatusMotion

Section titled “StatusMotion”

StatusMotion = "none" | "pulse" | "bounce"

Continuous activity, independent of the target silhouette.

StatusTone

Section titled “StatusTone”

StatusTone = "neutral" | "primary" | "secondary" | "accent" | "success" | "info" | "warning" | "error"

Semantic colors supplied by the current Stipe theme.

StatusProps

Section titled “StatusProps”

StatusProps = object & Omit<HTMLAttributes<HTMLSpanElement>>, "children">>

Presentation only: the caller maps its state to shape, tone, and motion.

Type Declaration

Section titled “Type Declaration”
label?
Section titled “label?”

optional label?: ReactNode

shape?
Section titled “shape?”

optional shape?: StatusShape

motion?
Section titled “motion?”

optional motion?: StatusMotion

tone?
Section titled “tone?”

optional tone?: StatusTone

Variables

Section titled “Variables”

Status

Section titled “Status”

const Status: ForwardRefExoticComponent<object & Omit<HTMLAttributes<HTMLSpanElement>>, "children"> > & RefAttributes<HTMLSpanElement>>>>

A gooey SVG status bead with automatic, interruptible shape transitions.