チェックボックス
What is this?
これは,チェックボックスを表示させることを目的としたコンポーネントです.
使い方
Minimal code
[[include :scp-jp:user-component:checkbox |label=hogehoge|indent-num=0]]
[[include :scp-jp:user-component:checkbox |label=fugafuga|indent-num=1]]
Example
引数
変数名 | 備考 |
---|---|
label | チェックボックス内に表示する文章 |
indent-num | インデントを行う数 |
cssの変数
ユーザーコンポーネントより下に以下のcssを追記するとチェックボックスの色合いを変更することができます.
[[module css]]
:root {
--main-color: #00d1b2; /* チェックボックスの背景色 */
--border-color: #7a7a7a; /* チェックボックスの枠線色 */
}
[[/module]]
ジェネレータ
以下にリスト構文を入力し,submitするとインデントそのままに構文を生成します.
使用上の注意
labelに使用できるのはテキストのみでリンクや装飾は行うことができません.あしからずご了承ください.
ページリビジョン: 12, 最終更新: 03 Feb 2023 13:31