Card

Stable@nexub/react

Surface container for grouping related content. Supports flat, surface, and interactive variants.

Import

import { Card } from '@nexub/react';

Prop	Type	Default	Required	Description
variant	'flat' \| 'surface' \| 'interactive'	'flat'	—	Visual style of the card surface.
tone	ToneValue	undefined	—	Applies a semantic left-border accent.
asChild	boolean	false	—	Merges props onto the immediate child element.

Components · Layout

Stable@nexub/react

Surface container for grouping related content. Supports flat, surface, and interactive variants.

import { Card } from '@nexub/react';

Prop	Type	Default	Required	Description
variant	'flat' \| 'surface' \| 'interactive'	'flat'	—	Visual style of the card surface.
tone	ToneValue	undefined	—	Applies a semantic left-border accent.
asChild	boolean	false	—	Merges props onto the immediate child element.