Notice

v1.0.0

Inline notification banner for contextual feedback.

Import

import { Notice } from '@meteorack/sdk-react';

How To Use It

Use it for contextual feedback that should stay close to the content or form it affects.
Prefer notices for inline guidance and toasts for transient success or failure messages after an action completes.

Works Well With

Card Button PageHeader

Props

variant?: 'info' | 'success' | 'warning' | 'error'

Semantic styling for the message state.

dismissible?: boolean

Shows a dismiss control when the message can be cleared by the user.

onDismiss?: () => void

Callback fired when a dismissible notice is closed.

Example

Notice.tsx

import { Notice } from '@meteorack/sdk-react';

export function SaveNotice() {
  return (
    <Notice variant="success">
      Settings saved successfully.
    </Notice>
  );
}

PreviousErrorBoundary NextModal