Board card

Exports

Import these components from @mbsw/ui.

BoardCard
BoardCardContent
BoardCardHeading

Props

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

BoardCard

BoardCard props
PropTypeRequirement
state'default' | 'hover' | 'dragging' | 'ghost' | 'overlay'Optional

Type reference

Show full types

Full TypeScript definitions, including prop combinations and inherited props.

import { type HTMLAttributes } from 'react';

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

type DivProps = HTMLAttributes<HTMLDivElement> & DataAttributes;

export type BoardCardState = 'default' | 'hover' | 'dragging' | 'ghost' | 'overlay';

export type BoardCardProps = DivProps & {
    state?: BoardCardState;
};

export type BoardCardHeadingProps = DivProps;

export type BoardCardContentProps = DivProps;

export declare const BoardCard: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & {
    state?: BoardCardState;
} & import("react").RefAttributes<HTMLDivElement>>;

export declare const BoardCardHeading: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const BoardCardContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;