Спецпредложение!!! Только сегодня - подробнее
TopLine
Props
interface Props{
content: string;
classes?: string;
}
По умолчанию данные берутся из settings.json (const.js) и автоматически экспортируются в компонент Header
При нажатии на кнопку закрытия линия не показывается
Использование
---
import HeaderTopLine from '@/site-shell/header/HeaderTopLine.astro';
const content = `Спецпредложение!!! Только сегодня - <a href="/guide/demo/top-line/" class="text-accent-500 underline">подробнее</a>`;
---
<HeaderTopLine content={content} classes="bg-accent-500 px-8 py-2 xs:text-xs text-sm md:text-base text-center text-white/80 relative" />
| Имя параметра | По умолчанию | Описание |
|---|---|---|
| content | - | Обязательный параметр. Возможность передать HTML теги. |
| classes | bg-[#05141f] px-8 py-2 xs:text-xs text-sm md:text-base text-center text-white/80 relative | CSS стили. Используйте, чтобы переопредилить |