Banner
Promotes a next step, a guide or a new feature with a line of copy and one action, on a mesh or plain background.
Not sure what you can ask?
Check out our guide and start using AI today.
API Reference
The Banner component is a wrapper around the div element that holds a title, an optional description and one action.
| Prop | Type | Default |
|---|---|---|
title | string | — |
description | string | — |
action | ReactNode | — |
layout | "horizontal""sidebar" | "horizontal" |
background | "mesh""plain" | "mesh" |
shape | "rounded""pill" | "rounded" |
onDismiss | () => void | — |


