スイッチ

スイッチは真偽値 (true/false) を入力するコンポーネントです。

項目	入力値	オプション	デフォルト値
ID	文字列		自動設定
ラベル	文字列		Switch
幅	文字列		222
高さ	文字列		40
X	文字列
Y	文字列
色	文字列カラーピッカー
背景色	文字列カラーピッカー
ラベル色	文字列カラーピッカー
非アクティブ	真偽	オンオフ	オフ
読み取り専用	真偽	オンオフ	オフ
表示	真偽	オンオフ	オン
水平位置	選択	• 左 • 中央 • 右	左
垂直位置	選択	• 上 • 中央 • 下	上
ヘルパーテキスト	文字列
値	真偽	オンオフ	オフ
エラー	-
チェンジイベント	選択	なしアクション	なし

項目	プロパティ	データ型	オプション	デフォルト値
ID	id	string		自動設定
ラベル	label	string		Switch
幅	width	string		222
高さ	height	string		40
X	x	string
Y	y	string
色	color	string
背景色	backgroundColor	string
ラベル色	labelColor	string
非アクティブ	disabled	boolean	true false	false
読み取り専用	readOnly	boolean	true false	false
表示	visibility	boolean	true false	true
水平位置	horizontalAlignment	string	• left • center • right	left
垂直位置	verticalAlignment	string	• top • middle • bottom	top
ヘルパーテキスト	helperText	string
値	value	boolean	true false	false
エラー	error	boolean

[id]プロパティはアクションで設定はできません。
[幅]、[高さ]プロパティ値には下記を入力できます。
px表示したい場合は数値のみ、%表示したい場合は単位に%を指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- 数値%
- calc()関数
[X]、[Y]プロパティ値には下記を入力できます。
px表示したい場合は数値のみを指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- calc()関数
calc()関数はCSSの関数で、計算を可能にする関数です。（例：calc(100% - 30px)）
calc()関数で使用できる単位は 「%」と 「px」です。それ以外の単位（例：em,remなど）はサポート外になります。
calc()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。
プレビューを用いてご確認ください。
[背景色]に指定した色は、FALSEにした場合のスイッチの色に反映されます。（デフォルトはグレー）

イベント

イベント名	説明
onchange	値の変更が行われた時に発生します。