MYDS Logo

    MYDS

    Beta

    Announce Bar

    Informs users about the service's development stage and includes a link for submitting feedback. The phase banner is typically placed below the navigation menu to display the current status of the service, such as Alpha, Beta, or Maintenance.

    Alpha

    This is a new service. Help us improve it. Send us your feedback here.

    Usage

    import {
      AnnounceBar,
      AnnounceBarTag,
      AnnounceBarDescription,
    } from "@govtechmy/myds-react/announce-bar";
    export default () => (
      <AnnounceBar>
        <AnnounceBarTag />
        <AnnounceBarDescription />
      </AnnounceBar>
    );

    Examples

    Variant

    Use the variant prop to change the announcebar style!

    Alpha

    This is a new service. Help us improve it. Send us your feedback here.

    Alpha

    This is a new service. Help us improve it. Send us your feedback here.

    Alpha

    This is a new service. Help us improve it. Send us your feedback here.

    Alpha

    This is a new service. Help us improve it. Send us your feedback here.

    Alpha

    This is a new service. Help us improve it. Send us your feedback here.

    Props

    AnnounceBarTag

    PropTypeDefault
    variant
    enum
    default-outline

    On this page