← All components
feedback / stable

Notice

Compact regional icon-and-text notice with an optional action for record rails.

LIVE PREVIEW
Loading preview…

When to use

  • Short persistent exceptions or context next to the affected record.

Consider an alternative

  • Supporting paragraphs or disclosure — use Callout.
  • Transient feedback — use Toast.

Import

import { Notice } from '@revido-llc/kit';

Props

Props documented by the Kit. Refer to the TypeScript types for the complete interface, including inherited props.

action{ label: string; onPress?: (() => void); href?: string; }—
toneNoticeTone"neutral"
childrenReactNode—
classNamestring—

Examples

Tones

<Notice tone="warning">Review discrepancy</Notice>

Review action

<Notice tone="warning" action={{ label: "Review", onPress: openReview }}>Review discrepancy</Notice>

Related components