Buttons (ボタン)
使い方ボタンは、フォームや各コンテンツからの一覧・詳細画面への遷移などに利用できます。PC SPのサイズ、デザインパターンはクラスで定義されています。カスタムする場合はそれぞれのページに合わせたクラスで上書きをしてください。e-buttonWrapを使うと2つのボタンを横
使い方ボタンは、フォームや各コンテンツからの一覧・詳細画面への遷移などに利用できます。PC SPのサイズ、デザインパターンはクラスで定義されています。カスタムする場合はそれぞれのページに合わせたクラスで上書きをしてください。e-buttonWrapを使うと2つのボタンを横
使い方任意のサイズと色のアラートを表示できます。ページのデザインに応じて色やサイズのスタイルを上書きしてください。画面表示 アラート表示がこのようにできます。 アラート表示がこのようにできます。HTML/CSS(Sass)<
使い方e-roundedやe-rounded-circleでその要素に丸みを持たせます。(画像、ボタン、ボックスなどに使用)e-borderとe-border-3で線とその太さを設定します。画面表示詳しくはこちらこのようにBoxにも利用できます。
使い方通常のb-listgroupは、PC:縦に並ぶ SP:横に並びb-listgroup b-listgroupHorizontalは、PC:横に並ぶ SP:縦に並び画面表示 縦アイテム1 縦アイテム2 横アイテム1
使い方画面幅はSassの変数$pcInnで管理しています。固定幅と100%表示以外のレイアウト表示は他のクラスでコントロールしてください。画面表示固定幅表示のときにこのコンテナを使います幅100%表示のときにこのコンテナを使いますHTML/CSS(S
使い方_col*で2〜4の間でカラム数を決めてください。(1カラムの場合はこのクラスは不要)子要素のクラスにはb-cardを指定してください。カラム間のスペースなどは各ページのクラスにて上書きして調整してください。画面表示 1列目