ラジオボタン

ラジオボタンは真偽値 (true/false) を入力するコンポーネントです。選択されているときが真 (true)、選択されていないときが偽 (false) となります。

ノート

ラジオボタングループはオプションの中から選択するのに対して、ラジオボタンはそのラジオボタンの真偽を値とします。

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	[id]プロパティはアクションで設定はできません。
2	ラベル	文字列	Radio Button	label	string	Radio Button	コンポーネントのラベル
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	初期値	真偽	FALSE	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()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。
  プレビューを用いてご確認ください。
• [背景色]に指定した色は、ラジオボタンの〇の枠部分に反映されます。

イベント

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