SystemMessage

Storybook

SystemMessage components communicate important information, alerts, or feedback to users. They provide contextual messages with appropriate visual styling for different message types.

React

To implement SystemMessage component into your project you'll need to add the import:

import { SystemMessage } from "@shoptet/ui";

After adding import into your project you can use it simply like:

<SystemMessage
  level="notice"
  title="System Notice"
  description="This is a notice message"
/>