Activity dot

Exports

Import these components from @mbsw/ui.

ActivityDot

Props

The tables list common props for each component. See the full types for supported prop combinations and inherited HTML and Radix props.

ActivityDot

ActivityDot props
Prop	Type	Requirement
`label`	`string`	Required
`state`	`'active' \| 'idle'`	Optional

Type reference

Show full types

Full TypeScript definitions, including prop combinations and inherited props.

import { type ComponentPropsWithoutRef } from 'react';

type DataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};

type SpanProps = ComponentPropsWithoutRef<'span'> & DataAttributes;

export type ActivityDotState = 'active' | 'idle';

export type ActivityDotProps = Omit<SpanProps, 'aria-label' | 'children' | 'color' | 'dangerouslySetInnerHTML'> & {
    label: string;
    state?: ActivityDotState;
};

export declare const ActivityDot: import("react").ForwardRefExoticComponent<Omit<SpanProps, "color" | "aria-label" | "children" | "dangerouslySetInnerHTML"> & {
    label: string;
    state?: ActivityDotState;
} & import("react").RefAttributes<HTMLSpanElement>>;