Components
Important account information displayed at the top of a screen
Version: | 14.3.3 •View source•Changelog•Report issue | |
---|---|---|
Install: | yarn add @thumbtack/thumbprint-react | |
Import: | import { AlertBanner } from '@thumbtack/thumbprint-react'; |
AlertBanner
should be used as a banner at the very top of the page.
Call-to-actions (e.g. <a>
tags in the children
prop) should be the last item in the children
.
children
Text within the alert
React.ReactNode
theme
Determines the background color and text color of the component
This prop can be one of the following 3 types:
'info'
'warning'
'caution'
dataTestId
A selector to hook into the React component for use in automated testing environments.
string
dataTest
A selector to hook into the React component for use in automated testing environments.
Note: Deprecated in favor of the `dataTestId` prop
string