Skip to content
satin

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.

PropTypeDefault
title
string
—
description
string
—
action
ReactNode
—
layout
"horizontal""sidebar"
"horizontal"
background
"mesh""plain"
"mesh"
shape
"rounded""pill"
"rounded"
onDismiss
() => void
—