Alert

A contextual banner. visible is two-way; dismissible adds a close button (named by closeLabel) that hides the alert and moves focus to the next control; announce opts in to role="alert" for dynamic alerts.

Colours

A static, informational banner.

Saved.

Dismissible

Heads up.

Something went wrong.

Source

import { useState } from 'react';import { BsAlert } from '@mintplayer/react-bootstrap/alert';export function Notice() {  const [visible, setVisible] = useState(true);  return (    <BsAlert color="warning" dismissible visible={visible} onVisibleChange={setVisible}>      Heads up.    </BsAlert>  );}