@alneas/react-tools API Reference
@alneas/react-tools API Reference
Section titled “@alneas/react-tools API Reference”FUNCTION CheckboxGroup
Section titled “FUNCTION CheckboxGroup”複数のチェックボックスをまとめ、グループ内の選択状態を管理するためのコンポーネント。
declare function CheckboxGroup(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, ...props } |
Omit<import("@base-ui/react").CheckboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element
FUNCTION Meter
Section titled “FUNCTION Meter”測定値や進捗状況（ゲージなど）を表示するメーターのルートコンポーネント。
declare function Meter(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, ...props } |
Omit<import("@base-ui/react").MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element
FUNCTION MeterIndicator
Section titled “FUNCTION MeterIndicator”メーターの進捗バーを視覚的に表現するインジケーター。
declare function MeterIndicator(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, ...props } |
Omit<import("@base-ui/react").MeterTrackProps, "ref"> & React.RefAttributes<HTMLDivElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element
FUNCTION MeterLabel
Section titled “FUNCTION MeterLabel”メーターの名前や説明を表示するラベル。
declare function MeterLabel(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, ...props } |
Omit<import("@base-ui/react").MeterLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element
FUNCTION MeterValue
Section titled “FUNCTION MeterValue”メーターの現在の数値を表示するコンポーネント。
declare function MeterValue(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, ...props } |
Omit<import("@base-ui/react").MeterValueProps, "ref"> & React.RefAttributes<HTMLSpanElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element
FUNCTION NumberField
Section titled “FUNCTION NumberField”数値入力フィールド全体のルートコンポーネント。
declare function NumberField(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, ...props } |
Omit<import("@base-ui/react").NumberFieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element
FUNCTION NumberFieldInput
Section titled “FUNCTION NumberFieldInput”数値を直接入力するためのテキストフィールド。
declare function NumberFieldInput(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, ...props } |
Omit<import("@base-ui/react").NumberFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element
FUNCTION NumberFieldScrubArea
Section titled “FUNCTION NumberFieldScrubArea”ドラッグ操作によって数値を増減させることができるスクラブ操作領域。
declare function NumberFieldScrubArea(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, children, ...props } |
Omit<import("@base-ui/react").NumberFieldScrubAreaProps, "ref"> & React.RefAttributes<HTMLSpanElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element
FUNCTION NumberFieldGroup
Section titled “FUNCTION NumberFieldGroup”入力フィールドと増減用のボタンなどの子要素をまとめるグループコンテナ。
declare function NumberFieldGroup(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, ...props } |
Omit<import("@base-ui/react").NumberFieldGroupProps, "ref"> & React.RefAttributes<HTMLDivElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element
FUNCTION NumberFieldIncrement
Section titled “FUNCTION NumberFieldIncrement”数値を増加させるためのボタン（＋）。
declare function NumberFieldIncrement(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, ...props } |
Omit<import("@base-ui/react").NumberFieldIncrementProps, "ref"> & React.RefAttributes<HTMLButtonElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element
FUNCTION NumberFieldDecrement
Section titled “FUNCTION NumberFieldDecrement”数値を減少させるためのボタン（ー）。
declare function NumberFieldDecrement(Parameters
Section titled “Parameters”| Parameter | Type | Required | Description |
|---|---|---|---|
{ className, ...props } |
Omit<import("@base-ui/react").NumberFieldDecrementProps, "ref"> & React.RefAttributes<HTMLButtonElement> |
Yes |
Returns
Section titled “Returns”- Type:
React.JSX.Element