MindeesUI
ComponentsTypography

Caption

Auxiliary text — smaller and quieter than body, intended for metadata, hints, and supporting copy.

Caption is a preset of Text that defaults to the caption step of the modular type scale. Use it for image captions, helper text, timestamps, and other secondary content that should recede from the main copy.

Import

import { Caption } from '@mindees/ui';

Usage

<Caption tone="muted">Updated 5 minutes ago</Caption>

Props

PropTypeDefaultDescription
variantTextStyleName'caption'Named text style from the modular type scale.
toneTextTone'primary'Semantic colour token. Pair with 'muted' for typical caption copy.
weightFontWeightTokenOverrides the variant's default font weight.
alignTextStyle['textAlign']Horizontal text alignment.
italicbooleanfalseRenders italic.
underlinebooleanfalseAdds an underline decoration.
strikethroughbooleanfalseAdds a line-through decoration.
fontFamilystringtheme system fontOverrides the font family.

Any remaining RN TextProps are forwarded to the underlying Text.

Accessibility

Inherits accessibility from the underlying RN Text — pass accessibilityLabel, accessibilityRole, etc. via props.

On this page