InfoBar

Import statement

import { InfoBar } from "@wfp/react"

Usage

<InfoBar>This is important information.</InfoBar>;

In this example, the InfoBar displays a message "This is important information." with an optional custom CSS class custom-class, an id info-bar-id, and sets the page width for the inner Wrapper component to lg (large).

<InfoBar
  id="info-bar-id"
  className="custom-class"
  pageWidth="lg"
>
  This is important information.
</InfoBar>;

Notes

• The component has an integrated <Wrapper /> to manage content width based on the screen size.

Reference

• Wrapper