ASTRO攻略LABO ロゴ ASTRO攻略LABO
Docs / Announcement Banner

Announcement Banner

The AnnouncementBanner sits at the top of your page to highlight news, sales, or updates.

Usage

import AnnouncementBanner from '~/components/sections/AnnouncementBanner.astro';

<AnnouncementBanner 
  text="We are launching soon!" 
  link="/blog/launch" 
  linkText="Read more" 
/>

Example

Props

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | text | string | Required | The main message text. | | link | string | undefined | Optional URL for the call to action. | | linkText | string | undefined | Text for the link anchor. |