コンテンツにスキップ

@alneas/react-tools API リファレンス

@alneas/react-tools API リファレンス

Section titled “@alneas/react-tools API リファレンス”

【未翻訳】複数のチェックボックスをまとめ、グループ内の選択状態を管理するためのコンポーネント。

declare function CheckboxGroup(
引数 型 必須 説明
{ className, ...props } Omit<import("@base-ui/react").CheckboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement> 必須
  • Type: React.JSX.Element

【未翻訳】測定値や進捗状況(ゲージなど)を表示するメーターのルートコンポーネント。

declare function Meter(
引数 型 必須 説明
{ className, ...props } Omit<import("@base-ui/react").MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement> 必須
  • Type: React.JSX.Element

【未翻訳】メーターの進捗バーを視覚的に表現するインジケーター。

declare function MeterIndicator(
引数 型 必須 説明
{ className, ...props } Omit<import("@base-ui/react").MeterTrackProps, "ref"> & React.RefAttributes<HTMLDivElement> 必須
  • Type: React.JSX.Element

【未翻訳】メーターの名前や説明を表示するラベル。

declare function MeterLabel(
引数 型 必須 説明
{ className, ...props } Omit<import("@base-ui/react").MeterLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement> 必須
  • Type: React.JSX.Element

【未翻訳】メーターの現在の数値を表示するコンポーネント。

declare function MeterValue(
引数 型 必須 説明
{ className, ...props } Omit<import("@base-ui/react").MeterValueProps, "ref"> & React.RefAttributes<HTMLSpanElement> 必須
  • Type: React.JSX.Element

【未翻訳】数値入力フィールド全体のルートコンポーネント。

declare function NumberField(
引数 型 必須 説明
{ className, ...props } Omit<import("@base-ui/react").NumberFieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement> 必須
  • Type: React.JSX.Element

【未翻訳】数値を直接入力するためのテキストフィールド。

declare function NumberFieldInput(
引数 型 必須 説明
{ className, ...props } Omit<import("@base-ui/react").NumberFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement> 必須
  • Type: React.JSX.Element

【未翻訳】ドラッグ操作によって数値を増減させることができるスクラブ操作領域。

declare function NumberFieldScrubArea(
引数 型 必須 説明
{ className, children, ...props } Omit<import("@base-ui/react").NumberFieldScrubAreaProps, "ref"> & React.RefAttributes<HTMLSpanElement> 必須
  • Type: React.JSX.Element

【未翻訳】入力フィールドと増減用のボタンなどの子要素をまとめるグループコンテナ。

declare function NumberFieldGroup(
引数 型 必須 説明
{ className, ...props } Omit<import("@base-ui/react").NumberFieldGroupProps, "ref"> & React.RefAttributes<HTMLDivElement> 必須
  • Type: React.JSX.Element

【未翻訳】数値を増加させるためのボタン(+)。

declare function NumberFieldIncrement(
引数 型 必須 説明
{ className, ...props } Omit<import("@base-ui/react").NumberFieldIncrementProps, "ref"> & React.RefAttributes<HTMLButtonElement> 必須
  • Type: React.JSX.Element

【未翻訳】数値を減少させるためのボタン(ー)。

declare function NumberFieldDecrement(
引数 型 必須 説明
{ className, ...props } Omit<import("@base-ui/react").NumberFieldDecrementProps, "ref"> & React.RefAttributes<HTMLButtonElement> 必須
  • Type: React.JSX.Element