Components / Feedback

Callout

An inline banner with intent, title, actions and dismiss.

@ruckc/truss-ui Feedback

Import

import { Callout } from '@ruckc/truss-ui';

Playground

intent

API

PropTypeDefaultDescription
intent 'primary' | 'success' | 'warning' | 'danger' | 'neutral''primary'Semantic colour: `primary`, `neutral`, `success`, `warning` or `danger`.
title string—Heading text.
icon IconSource—Name of a built-in icon to show.
onclose event() => void—Shows a dismiss button.
children snippet Snippet—Content, as a Svelte snippet.
actions snippet Snippet—Action buttons, as a Svelte snippet.
/docs/callout Truss UI · MIT