レシピ

banner-basic

お知らせ・告知バナー。

← レシピ一覧に戻る

概要

お知らせや告知をコンパクトな帯状で表示するセクションです。ページ上部やセクション間に挟んで使います。

デモを見る →

YAML パラメータ

パラメータ	説明
`text`	バナーテキスト（HTML可、必須）
`linkUrl`	リンク先（省略可）
`linkText`	リンクテキスト（省略可）
`extraClass`	追加CSSクラス
`style`	CSS変数の上書き

CSS 調整変数

変数名	用途	デフォルト
`--banner-basic-padding`	余白	`1rem 0`
`--banner-basic-bg`	背景色	`#eff6ff`
`--banner-basic-color`	テキスト色	`#1e293b`
`--banner-basic-link-color`	リンク色	`#025DCC`

← レシピ一覧 | ↑ 目次