System Message

Display contextual information, warnings, or instructions in AI interfaces.

This conversation is visible to your team. Avoid sharing sensitive personal data.

You can switch to a private workspace at any time from the header.

Installation

pnpm dlx shadcn-svelte@latest add http://sveltekit-prerender/r/system-message.json

The model is running in reasoning mode. Responses might take slightly longer.

Context window is close to the limit. Summarize the conversation or archive older messages.

The tool integration failed. Review the API credentials before retrying the request.

This workspace enforces human review. Make sure a teammate signs off on the final response before sending it to the customer.

Prop	Type	Default	Description
`children`	`Snippet`	`-`	System message body content.
`variant`	`"action" \| "error" \| "warning"`	`"action"`	Visual tone used for the message.
`fill`	`boolean`	`false`	Uses a filled background variant instead of an outline.
`icon`	`Snippet`	`-`	Custom icon rendered before the message text.
`isIconHidden`	`boolean`	`false`	Hides the default or custom icon.
`cta`	`{ label: string; onClick?: () => void; variant?: ButtonVariant }`	`-`	Optional call to action rendered at the end of the message.
`class`	`string`	`-`	Additional CSS classes for the container.