スイッチ

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

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	[id]プロパティはアクションで設定はできません。
2	ラベル	文字列	Switch	label	string	Switch	コンポーネントのラベル
3	幅	文字列	222	width	string	222	コンポーネントの幅
4	高さ	文字列	40	height	string	40	コンポーネントの高さ
5	X	文字列		x	string		X座標位置
6	Y	文字列		y	string		Y座標位置
7	色	文字列 カラーピッカー		color	string		コンポーネントの色
8	背景色	文字列 カラーピッカー		backgroundColor	string		背景色
9	ラベル色	文字列 カラーピッカー		labelColor	string		ラベルの色
10	非アクティブ	真偽	OFF	disabled	boolean	false	非アクティブ状態
11	読み取り専用	真偽	OFF	readOnly	boolean	false	読み取り専用状態
12	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示/非表示
13	水平位置	選択 1. 左 2. 中央 3. 右	左	horizontalAlignment	string	left	水平位置の配置
14	垂直位置	選択 1. 上 2. 中央 3. 下	上	verticalAlignment	string	top	垂直位置の配置
15	ヘルパーテキスト	文字列		helperText	string		ヘルパーテキスト
16	値	選択 1.OFF 2.ON	OFF	value	boolean	false	スイッチの値
17	エラー			error	boolean		エラー状態
18	チェンジイベント	選択 1. なし 2. アクション	なし				値変更時のイベント

ノート

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

イベント

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