kapable

Callout

Data display · 1 export · v0.1.0 · showcase

Inline feedback marked by a status rule and optional live-region behavior.

Browse 72 component families

Preview

Deploy recorded

launchpad is live.

Deploy failed

Check the build log.

Usage

<Callout tone="fail" title="Deploy failed">Check the log.</Callout>

Callout props
prop	type	notes
children?	RemixNode
title?	string	Bold lead line; omit for a single-sentence callout.
tone?	CalloutTone
live?	'polite' \| 'assertive'	For callouts INSERTED after user action (frame reload, mutation result): 'polite' renders `role="status"`, 'assertive' renders `role="alert"`. Leave unset for callouts that load with the page — announcing static content on every visit is noise.
mix?	MixInput