Guaxu Docs
    Preparing search index...

    Function Banner

    • Parameters

      Returns Element

      A banner component that displays a message with contextual styling and optional heading and link. The appropriate icon is automatically selected based on the variant.

      Variants:

      • success: Green banner with check circle icon
      • info: Blue banner with info circle icon
      • warning: Orange banner with alert triangle icon
      • danger: Red banner with alert circle icon
      <Banner variant="success" heading="Success">
        <BannerText>Operation completed successfully.</BannerText>
      </Banner>

      // With link
      <Banner
        variant="warning"
        heading="Attention"
        link={{ text: 'Learn more', href: '/docs', hasIcon: true }}
      >
        <BannerText>This action requires your attention.</BannerText>
      </Banner>

    Settings

    Member Visibility