TextField

具有说明与验证组合的带标签文本控件。

本地契约

本地包装组合普通 Base UI Field 语义。使用实际输入 DOM 事件及依赖字段的 Label、Description 与 Error 部件。
交互来源: @base-ui/react/field.
ref — 下方 API 标明实际转发的 ref 类型，不一定是根部 DOM 元素 (TextFieldRoot, TextField).
render — 按原生 render 契约组合，保留传入属性和转发 ref (TextFieldRoot, TextField).
style — 下方精确类型区分样式对象与原生状态回调 (TextFieldRoot, TextField).
xstyle — 调用方 StyleX 覆盖样式在组件变体样式之后组合 (TextFieldRoot, TextField).

运行示例

textfield basic

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Input, Label, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  field: {9    width: "100%",10    maxWidth: 256,11  },12});13export function Basic() {14  return (15    <TextField name="email" xstyle={styles.field}>16      <Label>邮箱</Label>17      <Input type="email" placeholder="输入你的邮箱" />18    </TextField>19  );20}

textfield on surface

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Description, Input, Label, Surface, TextArea, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  root: {9    display: "flex",10    width: "100%",11    minWidth: 340,12    flexDirection: "column",13    gap: 16,14    borderRadius: 24,15    padding: 24,16  },17});18export function OnSurface() {19  return (20    <Surface xstyle={styles.root}>21      <TextField name="name">22        <Label>你的姓名</Label>23        <Input fullWidth variant="secondary" placeholder="John" />24        <Description>我们绝不会与他人分享此信息</Description>25      </TextField>26      <TextField name="email">27        <Label>邮箱</Label>28        <Input type="email" fullWidth variant="secondary" placeholder="[email protected]" />29      </TextField>30      <TextField name="bio">31        <Label>个人简介</Label>32        <TextArea fullWidth variant="secondary" placeholder="介绍一下你自己…" rows={4} />33        <Description>至少 4 行</Description>34      </TextField>35    </Surface>36  );37}

textfield with description

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Description, Input, Label, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  field: {9    width: "100%",10    maxWidth: 256,11  },12});13export function WithDescription() {14  return (15    <TextField xstyle={styles.field} name="username">16      <Label>用户名</Label>17      <Input placeholder="输入用户名" />18      <Description>为你的账户选择一个唯一的用户名</Description>19    </TextField>20  );21}

textfield required

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Description, Input, Label, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  field: {9    width: "100%",10    maxWidth: 256,11  },12});13export function Required() {14  return (15    <TextField xstyle={styles.field} name="fullName">16      <Label>全名</Label>17      <Input required placeholder="John Doe" />18      <Description>此字段为必填项</Description>19    </TextField>20  );21}

textfield disabled

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Description, Input, Label, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  field: {9    width: "100%",10    maxWidth: 256,11  },12});13export function Disabled() {14  return (15    <TextField disabled xstyle={styles.field} name="accountId">16      <Label>账户 ID</Label>17      <Input value="USR-12345" placeholder="自动生成" />18      <Description>此字段不可编辑</Description>19    </TextField>20  );21}

textfield full width

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { FieldError, Input, Label, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  root: {9    display: "flex",10    width: 400,11    flexDirection: "column",12    gap: 16,13  },14});15export function FullWidth() {16  return (17    <div {...stylex.props(styles.root)}>18      <TextField fullWidth name="name">19        <Label>你的姓名</Label>20        <Input placeholder="John" />21      </TextField>22      <TextField fullWidth invalid name="password">23        <Label>密码</Label>24        <Input required type="password" />25        <FieldError match>密码长度必须超过 8 个字符</FieldError>26      </TextField>27    </div>28  );29}

textfield validation

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Description, FieldError, Input, Label, TextArea, TextField } from "@lenso/ui";6import * as React from "react";7import * as stylex from "@stylexjs/stylex";8const styles = stylex.create({9  root: {10    display: "flex",11    width: "100%",12    maxWidth: 256,13    flexDirection: "column",14    gap: 16,15  },16});17export function Validation() {18  const [username, setUsername] = React.useState("");19  const [bio, setBio] = React.useState("");20  const isUsernameInvalid = username.length > 0 && username.length < 3;21  const isBioInvalid = bio.length > 0 && bio.length < 20;22  return (23    <div {...stylex.props(styles.root)}>24      <TextField invalid={isUsernameInvalid} name="username">25        <Label>用户名</Label>26        <Input required value={username} onValueChange={setUsername} placeholder="jane_doe" />27        {isUsernameInvalid ? (28          <FieldError match>用户名至少需要 3 个字符。</FieldError>29        ) : (30          <Description31            style={{32              display: "block",33            }}34          >35            为你的资料选择一个唯一的用户名。36          </Description>37        )}38      </TextField>39      <TextField invalid={isBioInvalid} name="bio">40        <Label>个人简介</Label>41        <TextArea required value={bio} onValueChange={setBio} placeholder="介绍一下你自己…" />42        {isBioInvalid ? (43          <FieldError match>个人简介至少需要 20 个字符。</FieldError>44        ) : (45          <Description46            style={{47              display: "block",48            }}49          >50            至少 20 个字符 ({bio.length}/20).51          </Description>52        )}53      </TextField>54    </div>55  );56}

textfield controlled

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Description, Input, Label, TextArea, TextField } from "@lenso/ui";6import * as React from "react";7import * as stylex from "@stylexjs/stylex";8const styles = stylex.create({9  root: {10    display: "flex",11    width: "100%",12    maxWidth: 256,13    flexDirection: "column",14    gap: 16,15  },16});17export function Controlled() {18  const [name, setName] = React.useState("");19  const [bio, setBio] = React.useState("");20  return (21    <div {...stylex.props(styles.root)}>22      <TextField name="name">23        <Label>显示名称</Label>24        <Input placeholder="Jane" value={name} onValueChange={setName} />25        <Description>字符数：{name.length}</Description>26      </TextField>27      <TextField name="bio">28        <Label>个人简介</Label>29        <TextArea placeholder="介绍一下你自己…" value={bio} onValueChange={setBio} />30        <Description>字符数：{bio.length} / 200</Description>31      </TextField>32    </div>33  );34}

textfield with error

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { FieldError, Input, Label, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  field: {9    width: "100%",10    maxWidth: 256,11  },12});13export function WithError() {14  return (15    <TextField invalid xstyle={styles.field} name="email">16      <Label>邮箱</Label>17      <Input type="email" placeholder="[email protected]" />18      <FieldError match>请输入有效的邮箱地址</FieldError>19    </TextField>20  );21}

textfield textarea

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Description, Label, TextArea, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  field: {9    width: "100%",10    maxWidth: 256,11  },12});13export function TextAreaExample() {14  return (15    <TextField xstyle={styles.field} name="message">16      <Label>消息</Label>17      <TextArea placeholder="在此输入你的消息…" rows={4} />18      <Description>最多 500 个字符</Description>19    </TextField>20  );21}

textfield input types

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Input, Label, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  root: {9    display: "flex",10    width: "100%",11    maxWidth: 256,12    flexDirection: "column",13    gap: 16,14  },15});16export function InputTypes() {17  return (18    <div {...stylex.props(styles.root)}>19      <TextField name="password">20        <Label>密码</Label>21        <Input type="password" placeholder="••••••••" />22      </TextField>23      <TextField name="age">24        <Label>年龄</Label>25        <Input type="number" max="150" min="0" placeholder="21" />26      </TextField>27      <TextField name="email">28        <Label>邮箱</Label>29        <Input type="email" placeholder="[email protected]" />30      </TextField>31      <TextField name="website">32        <Label>网站</Label>33        <Input type="url" placeholder="https://example.com" />34      </TextField>35      <TextField name="phone">36        <Label>电话</Label>37        <Input type="tel" placeholder="+1 (555) 000-0000" />38      </TextField>39    </div>40  );41}

textfield render function

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Input, Label, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  field: {9    width: "100%",10    maxWidth: 256,11  },12});13export function RenderFunction() {14  return (15    <TextField16      xstyle={styles.field}17      name="email"18      render={(props) => <div {...props} data-custom="foo" />}19    >20      <Label>邮箱</Label>21      <Input type="email" placeholder="输入你的邮箱" />22    </TextField>23  );24}

text field custom styles

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Input, Label, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  root: {9    width: "100%",10    maxWidth: 256,11    gap: 6,12  },13  label: {14    fontWeight: 500,15    color: {16      default: "oklch(26.9% 0 0)",17      ':is(.dark *, [data-theme="dark"] *)': "oklch(97% 0 0)",18    },19  },20  input: {21    fontSize: 14,22    borderRadius: 12,23    borderWidth: 1,24    borderStyle: "solid",25    borderColor: "color-mix(in oklab, var(--border) 80%, transparent)",26    backgroundColor: "var(--surface)",27    color: {28      default: "oklch(26.9% 0 0)",29      ':is(.dark *, [data-theme="dark"] *)': "oklch(97% 0 0)",30    },31    boxShadow: {32      default: "0 1px 2px 0 rgb(0 0 0 / .05), 0 0 0 1px rgb(0 0 0 / .05)",33      ":focus-visible": "0 1px 2px 0 rgb(0 0 0 / .05), 0 0 0 2px oklch(70.8% 0 0 / .25)",34      ':is(.dark *, [data-theme="dark"] *)':35        "0 1px 2px 0 rgb(0 0 0 / .05), 0 0 0 1px rgb(255 255 255 / .1)",36      ':is(.dark *, [data-theme="dark"] *):focus-visible':37        "0 1px 2px 0 rgb(0 0 0 / .05), 0 0 0 2px oklch(55.6% 0 0 / .3)",38    },39    transitionProperty: "box-shadow, border-color",40    transitionDuration: "150ms",41    "::placeholder": {42      color: {43        default: "oklch(70.8% 0 0)",44        ':is(.dark *, [data-theme="dark"] *)': "oklch(55.6% 0 0)",45      },46    },47  },48});49export function CustomStyles() {50  return (51    <TextField xstyle={styles.root} name="email">52      <Label xstyle={styles.label}>邮箱</Label>53      <Input type="email" xstyle={styles.input} placeholder="输入你的邮箱" />54    </TextField>55  );56}

text field basic

1// Generated from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e); Apache-2.0.2"use client";3
4// Adapted from HeroUI v3.2.6 (e385ac202b2cdb94b1bf6fa76d32c31c8259cc5e), Apache-2.0.5import { Input, Label, TextField } from "@lenso/ui";6import * as stylex from "@stylexjs/stylex";7const styles = stylex.create({8  field: {9    width: "100%",10    maxWidth: 256,11  },12});13export function Basic() {14  return (15    <TextField name="email" xstyle={styles.field}>16      <Label>邮箱</Label>17      <Input type="email" placeholder="输入你的邮箱" />18    </TextField>19  );20}

API 参考

根据本地公开的 TypeScript 导出生成。类型与回调状态遵循已安装的原生接口，而不是历史 HeroUI API。

仅显示组件参数声明中的字面量默认值。其他默认值可能取决于上下文或原生组件。

`TextFieldRoot`

({ fullWidth, xstyle, style, "data-slot": slot, ...props }: TextFieldRootProps): JSX.Element

packages/react/src/components/textfield/textfield.tsx:12

@base-ui/react/field

属性	类型	必填	本地默认值	说明
`disabled`	`undefined \| false \| true`	否	未声明	Whether the component should ignore user interaction. Takes precedence over the `disabled` prop on the `<Field.Control>` component.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:65
`style`	`CSSProperties \| ((state: FieldRootState) => React.CSSProperties \| undefined) \| undefined`	否	未声明	Style applied to the element, or a function that returns a style object based on the component's state.node_modules/@base-ui/react/internals/types.d.ts:38
`name`	`string \| undefined`	否	未声明	Identifies the field when a form is submitted. Takes precedence over the `name` prop on the `<Field.Control>` component.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:70
`ref`	`Ref<HTMLDivElement> \| undefined`	否	未声明	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).node_modules/@types/react/index.d.ts:301
`id`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2897
`children`	`ReactNode`	否	未声明	node_modules/@types/react/index.d.ts:2361
`onKeyDown`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2411
`onKeyUp`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2417
`onClick`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2469
`render`	`ReactElement<unknown, string \| JSXElementConstructor<any>> \| ComponentRenderFn<HTMLProps, FieldRootState> \| undefined`	否	未声明	Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.node_modules/@base-ui/react/internals/types.d.ts:33
`actionsRef`	`RefObject<FieldRootActions \| null> \| undefined`	否	未声明	A ref to imperative actions. - `validate`: Validates the field when called.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:115
`invalid`	`undefined \| false \| true`	否	未声明	Whether the field is invalid. Useful when the field state is controlled by an external library.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:100
`validate`	`((value: unknown, formValues: Form.Values) => string \| string[] \| null \| void \| Promise<string \| string[] \| null \| void>) \| undefined`	否	未声明	A function for custom validation. Return a string or an array of strings with the error message(s) if the value is invalid. Returning nothing, `null`, an empty string, or an empty array means the value is valid. Asynchronous functions are supported, but they do not prevent form submission when using `validationMode="onSubmit"`.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:78
`touched`	`undefined \| false \| true`	否	未声明	Whether the field has been touched. Useful when the field state is controlled by an external library.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:110
`dirty`	`undefined \| false \| true`	否	未声明	Whether the field's value has been changed from its initial value. Useful when the field state is controlled by an external library.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:105
`validationMode`	`undefined \| "onBlur" \| "onChange" \| "onSubmit"`	否	未声明	Determines when the field should be validated. This takes precedence over the `validationMode` prop on `<Form>`. - `onSubmit`: triggers validation when the form is submitted, and re-validates on change after submission. - `onBlur`: triggers validation when the control loses focus. - `onChange`: triggers validation on every change to the control value.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:89
`validationDebounceTime`	`number \| undefined`	否	未声明	How long to wait between `validate` callbacks if `validationMode="onChange"` is used. Specified in milliseconds.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:95
`xstyle`	`XStyle`	否	未声明	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	否	未声明	packages/react/src/utils/styled.tsx:8
`fullWidth`	`undefined \| false \| true`	否	`false`	packages/react/src/components/textfield/textfield.tsx:9

回调状态: `FieldRootState`

disabled: boolean
touched: boolean
dirty: boolean
valid: boolean | null
filled: boolean
focused: boolean

原生 HTML 和 ARIA 属性 (269)

属性	类型	必填	本地默认值	说明
`content`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2915
`translate`	`undefined \| "yes" \| "no"`	否	未声明	node_modules/@types/react/index.d.ts:2905
`hidden`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2896
`slot`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2900
`title`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2904
`dir`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2893
`aria-disabled`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.node_modules/@types/react/index.d.ts:2656
`key`	`Key \| null \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:259
`suppressContentEditableWarning`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2883
`suppressHydrationWarning`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2884
`accessKey`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2887
`autoCapitalize`	`"none" \| (string & {}) \| "off" \| "on" \| "sentences" \| "words" \| "characters" \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2888
`autoFocus`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2889
`contentEditable`	`undefined \| false \| true \| "inherit" \| "false" \| "true" \| "plaintext-only"`	否	未声明	node_modules/@types/react/index.d.ts:2891
`contextMenu`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2892
`draggable`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	node_modules/@types/react/index.d.ts:2894
`enterKeyHint`	`undefined \| "next" \| "search" \| "enter" \| "done" \| "go" \| "previous" \| "send"`	否	未声明	node_modules/@types/react/index.d.ts:2895
`lang`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2898
`nonce`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2899
`spellCheck`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	node_modules/@types/react/index.d.ts:2901
`tabIndex`	`number \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2903
`radioGroup`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2908
`role`	`AriaRole \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2911
`about`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2914
`datatype`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2916
`inlist`	`any`	否	未声明	node_modules/@types/react/index.d.ts:2917
`prefix`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2918
`property`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2919
`rel`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2920
`resource`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2921
`rev`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2922
`typeof`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2923
`vocab`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2924
`autoCorrect`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2927
`autoSave`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2928
`itemProp`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2930
`itemScope`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2931
`itemType`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2932
`itemID`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2933
`itemRef`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2934
`results`	`number \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2935
`security`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2936
`unselectable`	`undefined \| "off" \| "on"`	否	未声明	node_modules/@types/react/index.d.ts:2937
`popover`	`undefined \| "" \| "auto" \| "manual" \| "hint"`	否	未声明	node_modules/@types/react/index.d.ts:2940
`popoverTargetAction`	`undefined \| "show" \| "hide" \| "toggle"`	否	未声明	node_modules/@types/react/index.d.ts:2941
`popoverTarget`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2942
`inert`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2948
`inputMode`	`undefined \| "none" \| "text" \| "search" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	否	未声明	Hints at the type of data that might be entered by the user while editing the element or its contentsnode_modules/@types/react/index.d.ts:2953
`is`	`string \| undefined`	否	未声明	Specify that a standard HTML element should behave like a defined custom built-in elementnode_modules/@types/react/index.d.ts:2958
`exportparts`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2962
`part`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2966
`aria-activedescendant`	`string \| undefined`	否	未声明	Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.node_modules/@types/react/index.d.ts:2585
`aria-atomic`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.node_modules/@types/react/index.d.ts:2587
`aria-autocomplete`	`undefined \| "none" \| "both" \| "inline" \| "list"`	否	未声明	Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.node_modules/@types/react/index.d.ts:2592
`aria-braillelabel`	`string \| undefined`	否	未声明	Defines a string value that labels the current element, which is intended to be converted into Braille.node_modules/@types/react/index.d.ts:2598
`aria-brailleroledescription`	`string \| undefined`	否	未声明	Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.node_modules/@types/react/index.d.ts:2603
`aria-busy`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	node_modules/@types/react/index.d.ts:2604
`aria-checked`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	否	未声明	Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.node_modules/@types/react/index.d.ts:2609
`aria-colcount`	`number \| undefined`	否	未声明	Defines the total number of columns in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2614
`aria-colindex`	`number \| undefined`	否	未声明	Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2619
`aria-colindextext`	`string \| undefined`	否	未声明	Defines a human readable text alternative of aria-colindex.node_modules/@types/react/index.d.ts:2624
`aria-colspan`	`number \| undefined`	否	未声明	Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2629
`aria-controls`	`string \| undefined`	否	未声明	Identifies the element (or elements) whose contents or presence are controlled by the current element.node_modules/@types/react/index.d.ts:2634
`aria-current`	`undefined \| false \| true \| "page" \| "false" \| "true" \| "time" \| "step" \| "location" \| "date"`	否	未声明	Indicates the element that represents the current item within a container or set of related elements.node_modules/@types/react/index.d.ts:2636
`aria-describedby`	`string \| undefined`	否	未声明	Identifies the element (or elements) that describes the object.node_modules/@types/react/index.d.ts:2641
`aria-description`	`string \| undefined`	否	未声明	Defines a string value that describes or annotates the current element.node_modules/@types/react/index.d.ts:2646
`aria-details`	`string \| undefined`	否	未声明	Identifies the element that provides a detailed, extended description for the object.node_modules/@types/react/index.d.ts:2651
`aria-dropeffect`	`undefined \| "link" \| "none" \| "copy" \| "move" \| "execute" \| "popup"`	否	未声明	Indicates what functions can be performed when a dragged object is released on the drop target.node_modules/@types/react/index.d.ts:2661
`aria-errormessage`	`string \| undefined`	否	未声明	Identifies the element that provides an error message for the object.node_modules/@types/react/index.d.ts:2666
`aria-expanded`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.node_modules/@types/react/index.d.ts:2668
`aria-flowto`	`string \| undefined`	否	未声明	Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.node_modules/@types/react/index.d.ts:2673
`aria-grabbed`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates an element's "grabbed" state in a drag-and-drop operation.node_modules/@types/react/index.d.ts:2678
`aria-haspopup`	`undefined \| false \| true \| "grid" \| "listbox" \| "menu" \| "false" \| "true" \| "dialog" \| "tree"`	否	未声明	Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.node_modules/@types/react/index.d.ts:2680
`aria-hidden`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates whether the element is exposed to an accessibility API.node_modules/@types/react/index.d.ts:2685
`aria-invalid`	`undefined \| false \| true \| "false" \| "true" \| "grammar" \| "spelling"`	否	未声明	Indicates the entered value does not conform to the format expected by the application.node_modules/@types/react/index.d.ts:2690
`aria-keyshortcuts`	`string \| undefined`	否	未声明	Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.node_modules/@types/react/index.d.ts:2692
`aria-label`	`string \| undefined`	否	未声明	Defines a string value that labels the current element.node_modules/@types/react/index.d.ts:2697
`aria-labelledby`	`string \| undefined`	否	未声明	Identifies the element (or elements) that labels the current element.node_modules/@types/react/index.d.ts:2702
`aria-level`	`number \| undefined`	否	未声明	Defines the hierarchical level of an element within a structure.node_modules/@types/react/index.d.ts:2704
`aria-live`	`undefined \| "off" \| "assertive" \| "polite"`	否	未声明	Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.node_modules/@types/react/index.d.ts:2706
`aria-modal`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates whether an element is modal when displayed.node_modules/@types/react/index.d.ts:2708
`aria-multiline`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates whether a text box accepts multiple lines of input or only a single line.node_modules/@types/react/index.d.ts:2710
`aria-multiselectable`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates that the user may select more than one item from the current selectable descendants.node_modules/@types/react/index.d.ts:2712
`aria-orientation`	`undefined \| "vertical" \| "horizontal"`	否	未声明	Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.node_modules/@types/react/index.d.ts:2714
`aria-owns`	`string \| undefined`	否	未声明	Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.node_modules/@types/react/index.d.ts:2720
`aria-placeholder`	`string \| undefined`	否	未声明	Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.node_modules/@types/react/index.d.ts:2725
`aria-posinset`	`number \| undefined`	否	未声明	Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.node_modules/@types/react/index.d.ts:2730
`aria-pressed`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	否	未声明	Indicates the current "pressed" state of toggle buttons.node_modules/@types/react/index.d.ts:2735
`aria-readonly`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates that the element is not editable, but is otherwise operable.node_modules/@types/react/index.d.ts:2740
`aria-relevant`	`undefined \| "text" \| "all" \| "additions" \| "additions removals" \| "additions text" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	否	未声明	Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.node_modules/@types/react/index.d.ts:2745
`aria-required`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates that user input is required on the element before a form may be submitted.node_modules/@types/react/index.d.ts:2758
`aria-roledescription`	`string \| undefined`	否	未声明	Defines a human-readable, author-localized description for the role of an element.node_modules/@types/react/index.d.ts:2760
`aria-rowcount`	`number \| undefined`	否	未声明	Defines the total number of rows in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2765
`aria-rowindex`	`number \| undefined`	否	未声明	Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2770
`aria-rowindextext`	`string \| undefined`	否	未声明	Defines a human readable text alternative of aria-rowindex.node_modules/@types/react/index.d.ts:2775
`aria-rowspan`	`number \| undefined`	否	未声明	Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2780
`aria-selected`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates the current "selected" state of various widgets.node_modules/@types/react/index.d.ts:2785
`aria-setsize`	`number \| undefined`	否	未声明	Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.node_modules/@types/react/index.d.ts:2790
`aria-sort`	`undefined \| "none" \| "ascending" \| "descending" \| "other"`	否	未声明	Indicates if items in a table or grid are sorted in ascending or descending order.node_modules/@types/react/index.d.ts:2792
`aria-valuemax`	`number \| undefined`	否	未声明	Defines the maximum allowed value for a range widget.node_modules/@types/react/index.d.ts:2794
`aria-valuemin`	`number \| undefined`	否	未声明	Defines the minimum allowed value for a range widget.node_modules/@types/react/index.d.ts:2796
`aria-valuenow`	`number \| undefined`	否	未声明	Defines the current value for a range widget.node_modules/@types/react/index.d.ts:2801
`aria-valuetext`	`string \| undefined`	否	未声明	Defines the human readable text alternative of aria-valuenow for a range widget.node_modules/@types/react/index.d.ts:2803
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; } \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2362
`onCopy`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2369
`onCopyCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2370
`onCut`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2371
`onCutCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2372
`onPaste`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2373
`onPasteCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2374
`onCompositionEnd`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2377
`onCompositionEndCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2378
`onCompositionStart`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2379
`onCompositionStartCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2380
`onCompositionUpdate`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2381
`onCompositionUpdateCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2382
`onFocus`	`((event: BaseUIEvent<FocusEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2385
`onFocusCapture`	`((event: BaseUIEvent<FocusEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2386
`onBlur`	`((event: BaseUIEvent<FocusEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2387
`onBlurCapture`	`((event: BaseUIEvent<FocusEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2388
`onChange`	`((event: BaseUIEvent<ChangeEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2391
`onChangeCapture`	`((event: BaseUIEvent<ChangeEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2392
`onBeforeInput`	`((event: BaseUIEvent<InputEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2393
`onBeforeInputCapture`	`((event: BaseUIEvent<InputEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2394
`onInput`	`((event: BaseUIEvent<InputEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2395
`onInputCapture`	`((event: BaseUIEvent<InputEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2396
`onReset`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2397
`onResetCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2398
`onSubmit`	`((event: BaseUIEvent<SubmitEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2399
`onSubmitCapture`	`((event: BaseUIEvent<SubmitEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2400
`onInvalid`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2401
`onInvalidCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2402
`onLoad`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2405
`onLoadCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2406
`onError`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2407
`onErrorCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2408
`onKeyDownCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2412
`onKeyPress`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2414
`onKeyPressCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2416
`onKeyUpCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2418
`onAbort`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2421
`onAbortCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2422
`onCanPlay`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2423
`onCanPlayCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2424
`onCanPlayThrough`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2425
`onCanPlayThroughCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2426
`onDurationChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2427
`onDurationChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2428
`onEmptied`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2429
`onEmptiedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2430
`onEncrypted`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2431
`onEncryptedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2432
`onEnded`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2433
`onEndedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2434
`onLoadedData`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2435
`onLoadedDataCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2436
`onLoadedMetadata`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2437
`onLoadedMetadataCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2438
`onLoadStart`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2439
`onLoadStartCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2440
`onPause`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2441
`onPauseCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2442
`onPlay`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2443
`onPlayCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2444
`onPlaying`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2445
`onPlayingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2446
`onProgress`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2447
`onProgressCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2448
`onRateChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2449
`onRateChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2450
`onSeeked`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2451
`onSeekedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2452
`onSeeking`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2453
`onSeekingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2454
`onStalled`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2455
`onStalledCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2456
`onSuspend`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2457
`onSuspendCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2458
`onTimeUpdate`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2459
`onTimeUpdateCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2460
`onVolumeChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2461
`onVolumeChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2462
`onWaiting`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2463
`onWaitingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2464
`onAuxClick`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2467
`onAuxClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2468
`onClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2470
`onContextMenu`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2471
`onContextMenuCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2472
`onDoubleClick`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2473
`onDoubleClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2474
`onDrag`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2475
`onDragCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2476
`onDragEnd`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2477
`onDragEndCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2478
`onDragEnter`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2479
`onDragEnterCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2480
`onDragExit`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2481
`onDragExitCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2482
`onDragLeave`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2483
`onDragLeaveCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2484
`onDragOver`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2485
`onDragOverCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2486
`onDragStart`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2487
`onDragStartCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2488
`onDrop`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2489
`onDropCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2490
`onMouseDown`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2491
`onMouseDownCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2492
`onMouseEnter`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2493
`onMouseLeave`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2494
`onMouseMove`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2495
`onMouseMoveCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2496
`onMouseOut`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2497
`onMouseOutCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2498
`onMouseOver`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2499
`onMouseOverCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2500
`onMouseUp`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2501
`onMouseUpCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2502
`onSelect`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2505
`onSelectCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2506
`onTouchCancel`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2509
`onTouchCancelCapture`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2510
`onTouchEnd`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2511
`onTouchEndCapture`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2512
`onTouchMove`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2513
`onTouchMoveCapture`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2514
`onTouchStart`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2515
`onTouchStartCapture`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2516
`onPointerDown`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2519
`onPointerDownCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2520
`onPointerMove`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2521
`onPointerMoveCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2522
`onPointerUp`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2523
`onPointerUpCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2524
`onPointerCancel`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2525
`onPointerCancelCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2526
`onPointerEnter`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2527
`onPointerLeave`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2528
`onPointerOver`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2529
`onPointerOverCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2530
`onPointerOut`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2531
`onPointerOutCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2532
`onGotPointerCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2533
`onGotPointerCaptureCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2534
`onLostPointerCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2535
`onLostPointerCaptureCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2536
`onScroll`	`((event: BaseUIEvent<UIEvent<HTMLDivElement, UIEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2539
`onScrollCapture`	`((event: BaseUIEvent<UIEvent<HTMLDivElement, UIEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2540
`onScrollEnd`	`((event: BaseUIEvent<UIEvent<HTMLDivElement, UIEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2541
`onScrollEndCapture`	`((event: BaseUIEvent<UIEvent<HTMLDivElement, UIEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2542
`onWheel`	`((event: BaseUIEvent<WheelEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2545
`onWheelCapture`	`((event: BaseUIEvent<WheelEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2546
`onAnimationStart`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2549
`onAnimationStartCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2550
`onAnimationEnd`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2551
`onAnimationEndCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2552
`onAnimationIteration`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2553
`onAnimationIterationCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2554
`onToggle`	`((event: BaseUIEvent<ToggleEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2557
`onBeforeToggle`	`((event: BaseUIEvent<ToggleEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2558
`onTransitionCancel`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2561
`onTransitionCancelCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2562
`onTransitionEnd`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2563
`onTransitionEndCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2564
`onTransitionRun`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2565
`onTransitionRunCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2566
`onTransitionStart`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2567
`onTransitionStartCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2568

`TextField`

({ fullWidth, xstyle, style, "data-slot": slot, ...props }: TextFieldRootProps): JSX.Element

packages/react/src/components/textfield/textfield.tsx:35

TextField.Root

@base-ui/react/field

属性	类型	必填	本地默认值	说明
`disabled`	`undefined \| false \| true`	否	未声明	Whether the component should ignore user interaction. Takes precedence over the `disabled` prop on the `<Field.Control>` component.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:65
`style`	`CSSProperties \| ((state: FieldRootState) => React.CSSProperties \| undefined) \| undefined`	否	未声明	Style applied to the element, or a function that returns a style object based on the component's state.node_modules/@base-ui/react/internals/types.d.ts:38
`name`	`string \| undefined`	否	未声明	Identifies the field when a form is submitted. Takes precedence over the `name` prop on the `<Field.Control>` component.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:70
`ref`	`Ref<HTMLDivElement> \| undefined`	否	未声明	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).node_modules/@types/react/index.d.ts:301
`id`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2897
`children`	`ReactNode`	否	未声明	node_modules/@types/react/index.d.ts:2361
`onKeyDown`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2411
`onKeyUp`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2417
`onClick`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2469
`render`	`ReactElement<unknown, string \| JSXElementConstructor<any>> \| ComponentRenderFn<HTMLProps, FieldRootState> \| undefined`	否	未声明	Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.node_modules/@base-ui/react/internals/types.d.ts:33
`actionsRef`	`RefObject<FieldRootActions \| null> \| undefined`	否	未声明	A ref to imperative actions. - `validate`: Validates the field when called.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:115
`invalid`	`undefined \| false \| true`	否	未声明	Whether the field is invalid. Useful when the field state is controlled by an external library.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:100
`validate`	`((value: unknown, formValues: Form.Values) => string \| string[] \| null \| void \| Promise<string \| string[] \| null \| void>) \| undefined`	否	未声明	A function for custom validation. Return a string or an array of strings with the error message(s) if the value is invalid. Returning nothing, `null`, an empty string, or an empty array means the value is valid. Asynchronous functions are supported, but they do not prevent form submission when using `validationMode="onSubmit"`.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:78
`touched`	`undefined \| false \| true`	否	未声明	Whether the field has been touched. Useful when the field state is controlled by an external library.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:110
`dirty`	`undefined \| false \| true`	否	未声明	Whether the field's value has been changed from its initial value. Useful when the field state is controlled by an external library.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:105
`validationMode`	`undefined \| "onBlur" \| "onChange" \| "onSubmit"`	否	未声明	Determines when the field should be validated. This takes precedence over the `validationMode` prop on `<Form>`. - `onSubmit`: triggers validation when the form is submitted, and re-validates on change after submission. - `onBlur`: triggers validation when the control loses focus. - `onChange`: triggers validation on every change to the control value.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:89
`validationDebounceTime`	`number \| undefined`	否	未声明	How long to wait between `validate` callbacks if `validationMode="onChange"` is used. Specified in milliseconds.node_modules/@base-ui/react/field/root/FieldRoot.d.ts:95
`xstyle`	`XStyle`	否	未声明	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	否	未声明	packages/react/src/utils/styled.tsx:8
`fullWidth`	`undefined \| false \| true`	否	`false`	packages/react/src/components/textfield/textfield.tsx:9

回调状态: `FieldRootState`

disabled: boolean
touched: boolean
dirty: boolean
valid: boolean | null
filled: boolean
focused: boolean

原生 HTML 和 ARIA 属性 (269)

属性	类型	必填	本地默认值	说明
`content`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2915
`translate`	`undefined \| "yes" \| "no"`	否	未声明	node_modules/@types/react/index.d.ts:2905
`hidden`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2896
`slot`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2900
`title`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2904
`dir`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2893
`aria-disabled`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.node_modules/@types/react/index.d.ts:2656
`key`	`Key \| null \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:259
`suppressContentEditableWarning`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2883
`suppressHydrationWarning`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2884
`accessKey`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2887
`autoCapitalize`	`"none" \| (string & {}) \| "off" \| "on" \| "sentences" \| "words" \| "characters" \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2888
`autoFocus`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2889
`contentEditable`	`undefined \| false \| true \| "inherit" \| "false" \| "true" \| "plaintext-only"`	否	未声明	node_modules/@types/react/index.d.ts:2891
`contextMenu`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2892
`draggable`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	node_modules/@types/react/index.d.ts:2894
`enterKeyHint`	`undefined \| "next" \| "search" \| "enter" \| "done" \| "go" \| "previous" \| "send"`	否	未声明	node_modules/@types/react/index.d.ts:2895
`lang`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2898
`nonce`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2899
`spellCheck`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	node_modules/@types/react/index.d.ts:2901
`tabIndex`	`number \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2903
`radioGroup`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2908
`role`	`AriaRole \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2911
`about`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2914
`datatype`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2916
`inlist`	`any`	否	未声明	node_modules/@types/react/index.d.ts:2917
`prefix`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2918
`property`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2919
`rel`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2920
`resource`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2921
`rev`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2922
`typeof`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2923
`vocab`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2924
`autoCorrect`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2927
`autoSave`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2928
`itemProp`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2930
`itemScope`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2931
`itemType`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2932
`itemID`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2933
`itemRef`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2934
`results`	`number \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2935
`security`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2936
`unselectable`	`undefined \| "off" \| "on"`	否	未声明	node_modules/@types/react/index.d.ts:2937
`popover`	`undefined \| "" \| "auto" \| "manual" \| "hint"`	否	未声明	node_modules/@types/react/index.d.ts:2940
`popoverTargetAction`	`undefined \| "show" \| "hide" \| "toggle"`	否	未声明	node_modules/@types/react/index.d.ts:2941
`popoverTarget`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2942
`inert`	`undefined \| false \| true`	否	未声明	node_modules/@types/react/index.d.ts:2948
`inputMode`	`undefined \| "none" \| "text" \| "search" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	否	未声明	Hints at the type of data that might be entered by the user while editing the element or its contentsnode_modules/@types/react/index.d.ts:2953
`is`	`string \| undefined`	否	未声明	Specify that a standard HTML element should behave like a defined custom built-in elementnode_modules/@types/react/index.d.ts:2958
`exportparts`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2962
`part`	`string \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2966
`aria-activedescendant`	`string \| undefined`	否	未声明	Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.node_modules/@types/react/index.d.ts:2585
`aria-atomic`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.node_modules/@types/react/index.d.ts:2587
`aria-autocomplete`	`undefined \| "none" \| "both" \| "inline" \| "list"`	否	未声明	Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.node_modules/@types/react/index.d.ts:2592
`aria-braillelabel`	`string \| undefined`	否	未声明	Defines a string value that labels the current element, which is intended to be converted into Braille.node_modules/@types/react/index.d.ts:2598
`aria-brailleroledescription`	`string \| undefined`	否	未声明	Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.node_modules/@types/react/index.d.ts:2603
`aria-busy`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	node_modules/@types/react/index.d.ts:2604
`aria-checked`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	否	未声明	Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.node_modules/@types/react/index.d.ts:2609
`aria-colcount`	`number \| undefined`	否	未声明	Defines the total number of columns in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2614
`aria-colindex`	`number \| undefined`	否	未声明	Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2619
`aria-colindextext`	`string \| undefined`	否	未声明	Defines a human readable text alternative of aria-colindex.node_modules/@types/react/index.d.ts:2624
`aria-colspan`	`number \| undefined`	否	未声明	Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2629
`aria-controls`	`string \| undefined`	否	未声明	Identifies the element (or elements) whose contents or presence are controlled by the current element.node_modules/@types/react/index.d.ts:2634
`aria-current`	`undefined \| false \| true \| "page" \| "false" \| "true" \| "time" \| "step" \| "location" \| "date"`	否	未声明	Indicates the element that represents the current item within a container or set of related elements.node_modules/@types/react/index.d.ts:2636
`aria-describedby`	`string \| undefined`	否	未声明	Identifies the element (or elements) that describes the object.node_modules/@types/react/index.d.ts:2641
`aria-description`	`string \| undefined`	否	未声明	Defines a string value that describes or annotates the current element.node_modules/@types/react/index.d.ts:2646
`aria-details`	`string \| undefined`	否	未声明	Identifies the element that provides a detailed, extended description for the object.node_modules/@types/react/index.d.ts:2651
`aria-dropeffect`	`undefined \| "link" \| "none" \| "copy" \| "move" \| "execute" \| "popup"`	否	未声明	Indicates what functions can be performed when a dragged object is released on the drop target.node_modules/@types/react/index.d.ts:2661
`aria-errormessage`	`string \| undefined`	否	未声明	Identifies the element that provides an error message for the object.node_modules/@types/react/index.d.ts:2666
`aria-expanded`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.node_modules/@types/react/index.d.ts:2668
`aria-flowto`	`string \| undefined`	否	未声明	Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.node_modules/@types/react/index.d.ts:2673
`aria-grabbed`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates an element's "grabbed" state in a drag-and-drop operation.node_modules/@types/react/index.d.ts:2678
`aria-haspopup`	`undefined \| false \| true \| "grid" \| "listbox" \| "menu" \| "false" \| "true" \| "dialog" \| "tree"`	否	未声明	Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.node_modules/@types/react/index.d.ts:2680
`aria-hidden`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates whether the element is exposed to an accessibility API.node_modules/@types/react/index.d.ts:2685
`aria-invalid`	`undefined \| false \| true \| "false" \| "true" \| "grammar" \| "spelling"`	否	未声明	Indicates the entered value does not conform to the format expected by the application.node_modules/@types/react/index.d.ts:2690
`aria-keyshortcuts`	`string \| undefined`	否	未声明	Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.node_modules/@types/react/index.d.ts:2692
`aria-label`	`string \| undefined`	否	未声明	Defines a string value that labels the current element.node_modules/@types/react/index.d.ts:2697
`aria-labelledby`	`string \| undefined`	否	未声明	Identifies the element (or elements) that labels the current element.node_modules/@types/react/index.d.ts:2702
`aria-level`	`number \| undefined`	否	未声明	Defines the hierarchical level of an element within a structure.node_modules/@types/react/index.d.ts:2704
`aria-live`	`undefined \| "off" \| "assertive" \| "polite"`	否	未声明	Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.node_modules/@types/react/index.d.ts:2706
`aria-modal`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates whether an element is modal when displayed.node_modules/@types/react/index.d.ts:2708
`aria-multiline`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates whether a text box accepts multiple lines of input or only a single line.node_modules/@types/react/index.d.ts:2710
`aria-multiselectable`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates that the user may select more than one item from the current selectable descendants.node_modules/@types/react/index.d.ts:2712
`aria-orientation`	`undefined \| "vertical" \| "horizontal"`	否	未声明	Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.node_modules/@types/react/index.d.ts:2714
`aria-owns`	`string \| undefined`	否	未声明	Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.node_modules/@types/react/index.d.ts:2720
`aria-placeholder`	`string \| undefined`	否	未声明	Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.node_modules/@types/react/index.d.ts:2725
`aria-posinset`	`number \| undefined`	否	未声明	Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.node_modules/@types/react/index.d.ts:2730
`aria-pressed`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	否	未声明	Indicates the current "pressed" state of toggle buttons.node_modules/@types/react/index.d.ts:2735
`aria-readonly`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates that the element is not editable, but is otherwise operable.node_modules/@types/react/index.d.ts:2740
`aria-relevant`	`undefined \| "text" \| "all" \| "additions" \| "additions removals" \| "additions text" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	否	未声明	Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.node_modules/@types/react/index.d.ts:2745
`aria-required`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates that user input is required on the element before a form may be submitted.node_modules/@types/react/index.d.ts:2758
`aria-roledescription`	`string \| undefined`	否	未声明	Defines a human-readable, author-localized description for the role of an element.node_modules/@types/react/index.d.ts:2760
`aria-rowcount`	`number \| undefined`	否	未声明	Defines the total number of rows in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2765
`aria-rowindex`	`number \| undefined`	否	未声明	Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2770
`aria-rowindextext`	`string \| undefined`	否	未声明	Defines a human readable text alternative of aria-rowindex.node_modules/@types/react/index.d.ts:2775
`aria-rowspan`	`number \| undefined`	否	未声明	Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2780
`aria-selected`	`undefined \| false \| true \| "false" \| "true"`	否	未声明	Indicates the current "selected" state of various widgets.node_modules/@types/react/index.d.ts:2785
`aria-setsize`	`number \| undefined`	否	未声明	Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.node_modules/@types/react/index.d.ts:2790
`aria-sort`	`undefined \| "none" \| "ascending" \| "descending" \| "other"`	否	未声明	Indicates if items in a table or grid are sorted in ascending or descending order.node_modules/@types/react/index.d.ts:2792
`aria-valuemax`	`number \| undefined`	否	未声明	Defines the maximum allowed value for a range widget.node_modules/@types/react/index.d.ts:2794
`aria-valuemin`	`number \| undefined`	否	未声明	Defines the minimum allowed value for a range widget.node_modules/@types/react/index.d.ts:2796
`aria-valuenow`	`number \| undefined`	否	未声明	Defines the current value for a range widget.node_modules/@types/react/index.d.ts:2801
`aria-valuetext`	`string \| undefined`	否	未声明	Defines the human readable text alternative of aria-valuenow for a range widget.node_modules/@types/react/index.d.ts:2803
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; } \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2362
`onCopy`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2369
`onCopyCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2370
`onCut`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2371
`onCutCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2372
`onPaste`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2373
`onPasteCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2374
`onCompositionEnd`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2377
`onCompositionEndCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2378
`onCompositionStart`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2379
`onCompositionStartCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2380
`onCompositionUpdate`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2381
`onCompositionUpdateCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2382
`onFocus`	`((event: BaseUIEvent<FocusEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2385
`onFocusCapture`	`((event: BaseUIEvent<FocusEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2386
`onBlur`	`((event: BaseUIEvent<FocusEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2387
`onBlurCapture`	`((event: BaseUIEvent<FocusEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2388
`onChange`	`((event: BaseUIEvent<ChangeEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2391
`onChangeCapture`	`((event: BaseUIEvent<ChangeEvent<HTMLDivElement, Element>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2392
`onBeforeInput`	`((event: BaseUIEvent<InputEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2393
`onBeforeInputCapture`	`((event: BaseUIEvent<InputEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2394
`onInput`	`((event: BaseUIEvent<InputEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2395
`onInputCapture`	`((event: BaseUIEvent<InputEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2396
`onReset`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2397
`onResetCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2398
`onSubmit`	`((event: BaseUIEvent<SubmitEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2399
`onSubmitCapture`	`((event: BaseUIEvent<SubmitEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2400
`onInvalid`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2401
`onInvalidCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2402
`onLoad`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2405
`onLoadCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2406
`onError`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2407
`onErrorCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2408
`onKeyDownCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2412
`onKeyPress`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2414
`onKeyPressCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2416
`onKeyUpCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2418
`onAbort`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2421
`onAbortCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2422
`onCanPlay`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2423
`onCanPlayCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2424
`onCanPlayThrough`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2425
`onCanPlayThroughCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2426
`onDurationChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2427
`onDurationChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2428
`onEmptied`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2429
`onEmptiedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2430
`onEncrypted`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2431
`onEncryptedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2432
`onEnded`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2433
`onEndedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2434
`onLoadedData`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2435
`onLoadedDataCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2436
`onLoadedMetadata`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2437
`onLoadedMetadataCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2438
`onLoadStart`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2439
`onLoadStartCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2440
`onPause`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2441
`onPauseCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2442
`onPlay`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2443
`onPlayCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2444
`onPlaying`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2445
`onPlayingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2446
`onProgress`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2447
`onProgressCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2448
`onRateChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2449
`onRateChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2450
`onSeeked`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2451
`onSeekedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2452
`onSeeking`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2453
`onSeekingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2454
`onStalled`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2455
`onStalledCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2456
`onSuspend`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2457
`onSuspendCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2458
`onTimeUpdate`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2459
`onTimeUpdateCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2460
`onVolumeChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2461
`onVolumeChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2462
`onWaiting`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2463
`onWaitingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2464
`onAuxClick`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2467
`onAuxClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2468
`onClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2470
`onContextMenu`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2471
`onContextMenuCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2472
`onDoubleClick`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2473
`onDoubleClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2474
`onDrag`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2475
`onDragCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2476
`onDragEnd`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2477
`onDragEndCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2478
`onDragEnter`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2479
`onDragEnterCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2480
`onDragExit`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2481
`onDragExitCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2482
`onDragLeave`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2483
`onDragLeaveCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2484
`onDragOver`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2485
`onDragOverCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2486
`onDragStart`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2487
`onDragStartCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2488
`onDrop`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2489
`onDropCapture`	`((event: BaseUIEvent<DragEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2490
`onMouseDown`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2491
`onMouseDownCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2492
`onMouseEnter`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2493
`onMouseLeave`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2494
`onMouseMove`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2495
`onMouseMoveCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2496
`onMouseOut`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2497
`onMouseOutCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2498
`onMouseOver`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2499
`onMouseOverCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2500
`onMouseUp`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2501
`onMouseUpCapture`	`((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2502
`onSelect`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2505
`onSelectCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLDivElement, Event>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2506
`onTouchCancel`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2509
`onTouchCancelCapture`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2510
`onTouchEnd`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2511
`onTouchEndCapture`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2512
`onTouchMove`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2513
`onTouchMoveCapture`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2514
`onTouchStart`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2515
`onTouchStartCapture`	`((event: BaseUIEvent<TouchEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2516
`onPointerDown`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2519
`onPointerDownCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2520
`onPointerMove`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2521
`onPointerMoveCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2522
`onPointerUp`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2523
`onPointerUpCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2524
`onPointerCancel`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2525
`onPointerCancelCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2526
`onPointerEnter`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2527
`onPointerLeave`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2528
`onPointerOver`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2529
`onPointerOverCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2530
`onPointerOut`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2531
`onPointerOutCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2532
`onGotPointerCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2533
`onGotPointerCaptureCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2534
`onLostPointerCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2535
`onLostPointerCaptureCapture`	`((event: BaseUIEvent<PointerEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2536
`onScroll`	`((event: BaseUIEvent<UIEvent<HTMLDivElement, UIEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2539
`onScrollCapture`	`((event: BaseUIEvent<UIEvent<HTMLDivElement, UIEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2540
`onScrollEnd`	`((event: BaseUIEvent<UIEvent<HTMLDivElement, UIEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2541
`onScrollEndCapture`	`((event: BaseUIEvent<UIEvent<HTMLDivElement, UIEvent>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2542
`onWheel`	`((event: BaseUIEvent<WheelEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2545
`onWheelCapture`	`((event: BaseUIEvent<WheelEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2546
`onAnimationStart`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2549
`onAnimationStartCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2550
`onAnimationEnd`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2551
`onAnimationEndCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2552
`onAnimationIteration`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2553
`onAnimationIterationCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2554
`onToggle`	`((event: BaseUIEvent<ToggleEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2557
`onBeforeToggle`	`((event: BaseUIEvent<ToggleEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2558
`onTransitionCancel`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2561
`onTransitionCancelCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2562
`onTransitionEnd`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2563
`onTransitionEndCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2564
`onTransitionRun`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2565
`onTransitionRunCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2566
`onTransitionStart`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2567
`onTransitionStartCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLDivElement>>) => void) \| undefined`	否	未声明	node_modules/@types/react/index.d.ts:2568

HeroUI v3.2.6 是视觉与历史参考，不代表 API 兼容承诺。 HeroUI v3.2.6

TextField

本地契约

运行示例

textfield basic

textfield on surface

textfield with description

textfield required

textfield disabled

textfield full width

textfield validation

textfield controlled

textfield with error

textfield textarea

textfield input types

textfield render function

text field custom styles

text field basic

API 参考

TextFieldRoot

回调状态: FieldRootState

TextField

回调状态: FieldRootState

`TextFieldRoot`

回调状态: `FieldRootState`

`TextField`

回调状态: `FieldRootState`