バナー

重要度の高い情報を通知するバナーです。

バナーのタイプ

デフォルト

コード

<div class="banner">
    <p class="banner-title">バナータイトル</p>
    <p class="banner-text">
        バナーデスクリプション
    </p>
</div>

サクセス

コード

<div class="banner banner-success">
    <p class="banner-title">バナータイトル</p>
    <p class="banner-text">
        バナーデスクリプション
    </p>
</div>

エラー

コード

<div class="banner banner-error">
    <p class="banner-title">バナータイトル</p>
    <p class="banner-text">
        バナーデスクリプション
    </p>
</div>

警告

コード

<div class="banner banner-warning">
    <p class="banner-title">バナータイトル</p>
    <p class="banner-text">
        バナーデスクリプション
    </p>
</div>

情報提示

コード


<div class="banner banner-info">
    <p class="banner-title">バナータイトル</p>
    <p class="banner-text">
        バナーデスクリプション
    </p>
</div>

目次