InputGroup

An input with prefix, suffix and surrounding field structure.

Usage

1import { InputGroup } from "@lenso/ui";

1"use client";2
3import { Envelope } from "@gravity-ui/icons";4import { InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6
7// Adapted from HeroUI v3.2.6, Apache-2.0.8const styles = stylex.create({9  field: { width: "100%", maxWidth: 280 },10  icon: { width: 16, height: 16, color: "var(--muted)" },11});12
13export function Default() {14  return (15    <TextField xstyle={styles.field} name="email">16      <Label>Email address</Label>17      <InputGroup>18        <InputGroup.Prefix>19          <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />20        </InputGroup.Prefix>21        <InputGroup.Input xstyle={styles.field} placeholder="name@email.com" />22      </InputGroup>23    </TextField>24  );25}

Examples

input group variants

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Envelope } from "@gravity-ui/icons";4import { InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  stack: { display: "flex", flexDirection: "column", gap: 16 },8  field: { width: 280 },9  icon: { width: 16, height: 16, color: "var(--muted)" },10});11export function Variants() {12  return (13    <div {...stylex.props(styles.stack)}>14      <TextField xstyle={styles.field} name="primary">15        <Label>Primary variant</Label>16        <InputGroup variant="primary">17          <InputGroup.Prefix>18            <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />19          </InputGroup.Prefix>20          <InputGroup.Input placeholder="name@email.com" />21        </InputGroup>22      </TextField>23      <TextField xstyle={styles.field} name="secondary">24        <Label>Secondary variant</Label>25        <InputGroup variant="secondary">26          <InputGroup.Prefix>27            <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />28          </InputGroup.Prefix>29          <InputGroup.Input placeholder="name@email.com" />30        </InputGroup>31      </TextField>32    </div>33  );34}

input group on surface

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Envelope } from "@gravity-ui/icons";4import { Description, InputGroup, Label, Surface, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  surface: { borderRadius: 16, padding: 24 },8  field: { width: "100%", maxWidth: 280 },9  icon: { width: 16, height: 16, color: "var(--muted)" },10});11export function OnSurface() {12  return (13    <Surface xstyle={styles.surface}>14      <TextField xstyle={styles.field} name="email">15        <Label>Email address</Label>16        <InputGroup variant="secondary">17          <InputGroup.Prefix>18            <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />19          </InputGroup.Prefix>20          <InputGroup.Input xstyle={styles.field} placeholder="name@email.com" />21        </InputGroup>22        <Description>We'll never share this with anyone else</Description>23      </TextField>24    </Surface>25  );26}

input group with loading suffix

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { InputGroup, Spinner, TextField } from "@lenso/ui";4import * as stylex from "@stylexjs/stylex";5const styles = stylex.create({6  field: { width: "100%", maxWidth: 280 },7  spinner: { width: 16, height: 16 },8});9export function WithLoadingSuffix() {10  return (11    <TextField xstyle={styles.field} name="status">12      <InputGroup>13        <InputGroup.Input aria-label="Status" xstyle={styles.field} defaultValue="Sending..." />14        <InputGroup.Suffix>15          <Spinner xstyle={styles.spinner} />16        </InputGroup.Suffix>17      </InputGroup>18    </TextField>19  );20}

input group required

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Envelope } from "@gravity-ui/icons";4import { Description, InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  stack: { display: "flex", flexDirection: "column", gap: 16 },8  field: { width: "100%", maxWidth: 280 },9  price: { width: "100%", maxWidth: 200 },10  icon: { width: 16, height: 16, color: "var(--muted)" },11});12export function Required() {13  return (14    <div {...stylex.props(styles.stack)}>15      <TextField xstyle={styles.field} name="email">16        <Label required>Email address</Label>17        <InputGroup>18          <InputGroup.Prefix>19            <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />20          </InputGroup.Prefix>21          <InputGroup.Input required xstyle={styles.field} placeholder="name@email.com" />22        </InputGroup>23      </TextField>24      <TextField xstyle={styles.field} name="price">25        <Label required>Set a price</Label>26        <InputGroup>27          <InputGroup.Prefix>$</InputGroup.Prefix>28          <InputGroup.Input required xstyle={styles.price} placeholder="0" type="number" />29          <InputGroup.Suffix>USD</InputGroup.Suffix>30        </InputGroup>31        <Description>What customers would pay</Description>32      </TextField>33    </div>34  );35}

input group disabled

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Envelope } from "@gravity-ui/icons";4import { InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  stack: { display: "flex", flexDirection: "column", gap: 16 },8  field: { width: "100%", maxWidth: 280 },9  price: { width: "100%", maxWidth: 200 },10  icon: { width: 16, height: 16, color: "var(--muted)" },11});12export function Disabled() {13  return (14    <div {...stylex.props(styles.stack)}>15      <TextField disabled xstyle={styles.field} name="email">16        <Label>Email address</Label>17        <InputGroup>18          <InputGroup.Prefix>19            <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />20          </InputGroup.Prefix>21          <InputGroup.Input xstyle={styles.field} defaultValue="name@email.com" />22        </InputGroup>23      </TextField>24      <TextField disabled xstyle={styles.field} name="price">25        <Label>Set a price</Label>26        <InputGroup>27          <InputGroup.Prefix>$</InputGroup.Prefix>28          <InputGroup.Input xstyle={styles.price} defaultValue="10" type="number" />29          <InputGroup.Suffix>USD</InputGroup.Suffix>30        </InputGroup>31      </TextField>32    </div>33  );34}

input group full width

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Envelope, Eye } from "@gravity-ui/icons";4import { InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  stack: { width: 400, display: "flex", flexDirection: "column", gap: 16 },8  icon: { width: 16, height: 16, color: "var(--muted)" },9});10export function FullWidth() {11  return (12    <div {...stylex.props(styles.stack)}>13      <TextField fullWidth name="email">14        <Label>Email address</Label>15        <InputGroup fullWidth>16          <InputGroup.Prefix>17            <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />18          </InputGroup.Prefix>19          <InputGroup.Input placeholder="name@email.com" />20        </InputGroup>21      </TextField>22      <TextField fullWidth name="password">23        <Label>Password</Label>24        <InputGroup fullWidth>25          <InputGroup.Input placeholder="Enter password" type="password" />26          <InputGroup.Suffix>27            <Eye aria-hidden="true" {...stylex.props(styles.icon)} />28          </InputGroup.Suffix>29        </InputGroup>30      </TextField>31    </div>32  );33}

input group with text prefix

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { InputGroup, Label, TextField } from "@lenso/ui";4import * as stylex from "@stylexjs/stylex";5const styles = stylex.create({ field: { width: "100%", maxWidth: 280 } });6export function WithTextPrefix() {7  return (8    <TextField xstyle={styles.field} name="website">9      <Label>Website</Label>10      <InputGroup>11        <InputGroup.Prefix>https://</InputGroup.Prefix>12        <InputGroup.Input xstyle={styles.field} defaultValue="heroui.com" />13      </InputGroup>14    </TextField>15  );16}

input group with text suffix

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { InputGroup, Label, TextField } from "@lenso/ui";4import * as stylex from "@stylexjs/stylex";5const styles = stylex.create({ field: { width: "100%", maxWidth: 280 } });6export function WithTextSuffix() {7  return (8    <TextField xstyle={styles.field} name="website">9      <Label>Website</Label>10      <InputGroup>11        <InputGroup.Input xstyle={styles.field} defaultValue="heroui" />12        <InputGroup.Suffix>.com</InputGroup.Suffix>13      </InputGroup>14    </TextField>15  );16}

input group with icon prefix and text suffix

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Globe } from "@gravity-ui/icons";4import { InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  field: { width: "100%", maxWidth: 280 },8  icon: { width: 16, height: 16, color: "var(--muted)" },9});10export function WithIconPrefixAndTextSuffix() {11  return (12    <TextField xstyle={styles.field} name="website">13      <Label>Website</Label>14      <InputGroup>15        <InputGroup.Prefix>16          <Globe aria-hidden="true" {...stylex.props(styles.icon)} />17        </InputGroup.Prefix>18        <InputGroup.Input xstyle={styles.field} defaultValue="heroui" />19        <InputGroup.Suffix>.com</InputGroup.Suffix>20      </InputGroup>21    </TextField>22  );23}

input group with copy suffix

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Copy } from "@gravity-ui/icons";4import { Button, InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  field: { width: "100%", maxWidth: 280 },8  suffix: { paddingInlineEnd: 0 },9  icon: { width: 16, height: 16 },10});11export function WithCopySuffix() {12  return (13    <TextField xstyle={styles.field} name="website">14      <Label>Website</Label>15      <InputGroup>16        <InputGroup.Input xstyle={styles.field} defaultValue="heroui.com" />17        <InputGroup.Suffix xstyle={styles.suffix}>18          <Button isIconOnly aria-label="Copy" size="sm" variant="ghost">19            <Copy aria-hidden="true" {...stylex.props(styles.icon)} />20          </Button>21        </InputGroup.Suffix>22      </InputGroup>23    </TextField>24  );25}

input group with icon prefix and copy suffix

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Copy, Globe } from "@gravity-ui/icons";4import { Button, InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  field: { width: "100%", maxWidth: 280 },8  suffix: { paddingInlineEnd: 0 },9  icon: { width: 16, height: 16 },10  muted: { color: "var(--muted)" },11});12export function WithIconPrefixAndCopySuffix() {13  return (14    <TextField xstyle={styles.field} name="website">15      <Label>Website</Label>16      <InputGroup>17        <InputGroup.Prefix>18          <Globe aria-hidden="true" {...stylex.props(styles.icon, styles.muted)} />19        </InputGroup.Prefix>20        <InputGroup.Input xstyle={styles.field} defaultValue="heroui.com" />21        <InputGroup.Suffix xstyle={styles.suffix}>22          <Button isIconOnly aria-label="Copy" size="sm" variant="ghost">23            <Copy aria-hidden="true" {...stylex.props(styles.icon)} />24          </Button>25        </InputGroup.Suffix>26      </InputGroup>27    </TextField>28  );29}

input group password with toggle

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Eye, EyeSlash } from "@gravity-ui/icons";4import { Button, InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6import { useState } from "react";7const styles = stylex.create({8  field: { width: "100%", maxWidth: 280 },9  suffix: { paddingInlineEnd: 0 },10  icon: { width: 16, height: 16 },11});12export function PasswordWithToggle() {13  const [isVisible, setIsVisible] = useState(false);14  return (15    <TextField xstyle={styles.field} name="password">16      <Label>Password</Label>17      <InputGroup>18        <InputGroup.Input19          xstyle={styles.field}20          type={isVisible ? "text" : "password"}21          value={isVisible ? "87$2h.3diua" : "••••••••"}22          readOnly23        />24        <InputGroup.Suffix xstyle={styles.suffix}>25          <Button26            isIconOnly27            aria-label={isVisible ? "Hide password" : "Show password"}28            size="sm"29            variant="ghost"30            onClick={() => setIsVisible(!isVisible)}31          >32            {isVisible ? (33              <Eye aria-hidden="true" {...stylex.props(styles.icon)} />34            ) : (35              <EyeSlash aria-hidden="true" {...stylex.props(styles.icon)} />36            )}37          </Button>38        </InputGroup.Suffix>39      </InputGroup>40    </TextField>41  );42}

input group with keyboard shortcut

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { InputGroup, Kbd, TextField } from "@lenso/ui";4import * as stylex from "@stylexjs/stylex";5const styles = stylex.create({6  field: { width: "100%", maxWidth: 280 },7  suffix: { paddingInlineEnd: 8 },8});9export function WithKeyboardShortcut() {10  return (11    <TextField xstyle={styles.field} name="command">12      <InputGroup>13        <InputGroup.Input aria-label="Command" xstyle={styles.field} placeholder="Command" />14        <InputGroup.Suffix xstyle={styles.suffix}>15          <Kbd>16            <Kbd.Abbr keyValue="command" />17            <Kbd.Content>K</Kbd.Content>18          </Kbd>19        </InputGroup.Suffix>20      </InputGroup>21    </TextField>22  );23}

input group with badge suffix

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Chip, InputGroup, TextField } from "@lenso/ui";4import * as stylex from "@stylexjs/stylex";5const styles = stylex.create({6  field: { width: "100%", maxWidth: 280 },7  suffix: { paddingInlineEnd: 8 },8});9export function WithBadgeSuffix() {10  return (11    <TextField xstyle={styles.field} name="email">12      <InputGroup>13        <InputGroup.Input14          aria-label="Email address"15          xstyle={styles.field}16          placeholder="Email address"17        />18        <InputGroup.Suffix xstyle={styles.suffix}>19          <Chip color="accent" size="md" variant="soft">20            Pro21          </Chip>22        </InputGroup.Suffix>23      </InputGroup>24    </TextField>25  );26}

input group invalid

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Envelope } from "@gravity-ui/icons";4import { FieldError, InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  stack: { display: "flex", flexDirection: "column", gap: 16 },8  field: { width: "100%", maxWidth: 280 },9  price: { width: "100%", maxWidth: 200 },10  icon: { width: 16, height: 16, color: "var(--muted)" },11});12export function Invalid() {13  return (14    <div {...stylex.props(styles.stack)}>15      <TextField invalid xstyle={styles.field} name="email">16        <Label required>Email address</Label>17        <InputGroup>18          <InputGroup.Prefix>19            <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />20          </InputGroup.Prefix>21          <InputGroup.Input required xstyle={styles.field} placeholder="name@email.com" />22        </InputGroup>23        <FieldError match>Please enter a valid email address</FieldError>24      </TextField>25      <TextField invalid xstyle={styles.field} name="price">26        <Label required>Set a price</Label>27        <InputGroup>28          <InputGroup.Prefix>$</InputGroup.Prefix>29          <InputGroup.Input required xstyle={styles.price} placeholder="0" type="number" />30          <InputGroup.Suffix>USD</InputGroup.Suffix>31        </InputGroup>32        <FieldError match>Price must be greater than 0</FieldError>33      </TextField>34    </div>35  );36}

input group with prefix icon

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Envelope } from "@gravity-ui/icons";4import { Description, InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  field: { width: "100%", maxWidth: 280 },8  icon: { width: 16, height: 16, color: "var(--muted)" },9});10export function WithPrefixIcon() {11  return (12    <TextField xstyle={styles.field} name="email">13      <Label>Email address</Label>14      <InputGroup>15        <InputGroup.Prefix>16          <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />17        </InputGroup.Prefix>18        <InputGroup.Input xstyle={styles.field} placeholder="name@email.com" />19      </InputGroup>20      <Description>We'll never share this with anyone else</Description>21    </TextField>22  );23}

input group with suffix icon

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Envelope } from "@gravity-ui/icons";4import { Description, InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  field: { width: "100%", maxWidth: 280 },8  icon: { width: 16, height: 16, color: "var(--muted)" },9});10export function WithSuffixIcon() {11  return (12    <TextField xstyle={styles.field} name="email">13      <Label>Email address</Label>14      <InputGroup>15        <InputGroup.Input xstyle={styles.field} placeholder="name@email.com" />16        <InputGroup.Suffix>17          <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />18        </InputGroup.Suffix>19      </InputGroup>20      <Description>We don't send spam</Description>21    </TextField>22  );23}

input group with prefix and suffix

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Description, InputGroup, Label, TextField } from "@lenso/ui";4import * as stylex from "@stylexjs/stylex";5const styles = stylex.create({6  field: { width: "100%", maxWidth: 280 },7  input: { width: "100%", maxWidth: 200 },8});9export function WithPrefixAndSuffix() {10  return (11    <TextField xstyle={styles.field} name="price">12      <Label>Set a price</Label>13      <InputGroup>14        <InputGroup.Prefix>$</InputGroup.Prefix>15        <InputGroup.Input xstyle={styles.input} defaultValue="10" type="number" />16        <InputGroup.Suffix>USD</InputGroup.Suffix>17      </InputGroup>18      <Description>What customers would pay</Description>19    </TextField>20  );21}

input group with textarea

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { ArrowUp, At, Microphone, PlugConnection, Plus } from "@gravity-ui/icons";4import { Button, InputGroup, Kbd, Spinner, TextField, Tooltip } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6import { useState } from "react";7const styles = stylex.create({8  field: {9    display: "flex",10    flexDirection: "column",11    width: { default: 384, "@media (min-width: 640px)": 512 },12  },13  group: { display: "flex", flexDirection: "column", gap: 8, borderRadius: 24, paddingBlock: 8 },14  prefix: { paddingInline: 12, paddingBlock: 0 },15  input: { width: "100%", resize: "none", paddingInline: 14, paddingBlock: 0 },16  suffix: {17    display: "flex",18    width: "100%",19    alignItems: "center",20    gap: 6,21    paddingInline: 12,22    paddingBlock: 0,23  },24  actions: { marginInlineStart: "auto", display: "flex", alignItems: "center", gap: 6 },25  tooltip: { display: "flex", alignItems: "center", gap: 4 },26  hint: { fontSize: 12, lineHeight: "16px" },27  key: { height: 16, borderRadius: "var(--radius-sm)", paddingInline: 4 },28});29export function WithTextArea() {30  const [value, setValue] = useState("");31  const [isSubmitting, setIsSubmitting] = useState(false);32  const handleSubmit = () => {33    if (!value.trim()) return;34    setIsSubmitting(true);35    setTimeout(() => {36      setIsSubmitting(false);37      setValue("");38    }, 1000);39  };40  return (41    <TextField fullWidth xstyle={styles.field} name="prompt">42      <InputGroup fullWidth xstyle={styles.group}>43        <InputGroup.Prefix xstyle={styles.prefix}>44          <Button aria-label="Add context" size="sm" variant="outline">45            <At aria-hidden="true" />46            Add Context47          </Button>48        </InputGroup.Prefix>49        <InputGroup.TextArea50          aria-label="Prompt input"51          xstyle={styles.input}52          placeholder="Assign tasks or ask anything..."53          rows={5}54          value={value}55          onChange={(event) => setValue(event.target.value)}56        />57        <InputGroup.Suffix xstyle={styles.suffix}>58          <Tooltip>59            <Tooltip.Trigger60              delay={0}61              render={<Button isIconOnly aria-label="Attach file" size="sm" variant="tertiary" />}62            >63              <Plus aria-hidden="true" />64            </Tooltip.Trigger>65            <Tooltip.Portal>66              <Tooltip.Positioner>67                <Tooltip.Popup>68                  <p {...stylex.props(styles.hint)}>Add a files and more</p>69                </Tooltip.Popup>70              </Tooltip.Positioner>71            </Tooltip.Portal>72          </Tooltip>73          <Tooltip>74            <Tooltip.Trigger75              delay={0}76              render={<Button isIconOnly aria-label="Connect Apps" size="sm" variant="tertiary" />}77            >78              <PlugConnection aria-hidden="true" />79            </Tooltip.Trigger>80            <Tooltip.Portal>81              <Tooltip.Positioner>82                <Tooltip.Popup>83                  <p {...stylex.props(styles.hint)}>Connect apps</p>84                </Tooltip.Popup>85              </Tooltip.Positioner>86            </Tooltip.Portal>87          </Tooltip>88          <div {...stylex.props(styles.actions)}>89            <Tooltip>90              <Tooltip.Trigger91                delay={0}92                render={<Button isIconOnly aria-label="Voice input" size="sm" variant="ghost" />}93              >94                <Microphone aria-hidden="true" />95              </Tooltip.Trigger>96              <Tooltip.Portal>97                <Tooltip.Positioner>98                  <Tooltip.Popup>99                    <p {...stylex.props(styles.hint)}>Voice input</p>100                  </Tooltip.Popup>101                </Tooltip.Positioner>102              </Tooltip.Portal>103            </Tooltip>104            <Tooltip>105              <Tooltip.Trigger106                delay={0}107                render={108                  <Button109                    isIconOnly110                    aria-label="Send prompt"111                    disabled={!value.trim()}112                    isLoading={isSubmitting}113                    onClick={handleSubmit}114                  />115                }116              >117                {isSubmitting ? (118                  <Spinner color="current" size="sm" />119                ) : (120                  <ArrowUp aria-hidden="true" />121                )}122              </Tooltip.Trigger>123              <Tooltip.Portal>124                <Tooltip.Positioner>125                  <Tooltip.Popup xstyle={styles.tooltip}>126                    <p {...stylex.props(styles.hint)}>Send</p>127                    <Kbd xstyle={styles.key}>128                      <Kbd.Abbr keyValue="enter" />129                    </Kbd>130                  </Tooltip.Popup>131                </Tooltip.Positioner>132              </Tooltip.Portal>133            </Tooltip>134          </div>135        </InputGroup.Suffix>136      </InputGroup>137    </TextField>138  );139}

input group custom styles

1"use client";2// Adapted from HeroUI v3.2.6, Apache-2.0.3import { Envelope } from "@gravity-ui/icons";4import { InputGroup, Label, TextField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6const styles = stylex.create({7  field: { width: "100%", maxWidth: 320 },8  group: {9    borderRadius: 12,10    borderWidth: 1,11    borderStyle: "solid",12    borderColor: "color-mix(in oklab, var(--border) 80%, transparent)",13    backgroundColor: "var(--default)",14    boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",15  },16  icon: { width: 16, height: 16, color: "var(--muted)" },17});18export function CustomStyles() {19  return (20    <TextField xstyle={styles.field} name="email">21      <Label>Work email</Label>22      <InputGroup xstyle={styles.group}>23        <InputGroup.Prefix>24          <Envelope aria-hidden="true" {...stylex.props(styles.icon)} />25        </InputGroup.Prefix>26        <InputGroup.Input placeholder="you@company.com" />27      </InputGroup>28    </TextField>29  );30}

API Reference

Generated from the local public TypeScript exports. Types and callback state follow the installed native contracts, not the historical HeroUI API.

Only literal defaults in the component's parameter declaration are shown. Other defaults may depend on context or the native component.

`InputGroupRoot`

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

packages/react/src/components/input-group/input-group.tsx:13

@base-ui/react/input

Property	Type	Required	Local default	Description
`style`	`CSSProperties \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2902
`ref`	`Ref<HTMLDivElement> \| undefined`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:2897
`children`	`ReactNode`	No	Not declared	node_modules/@types/react/index.d.ts:2361
`onKeyDown`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2411
`onKeyUp`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2417
`onClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2469
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	No	Not declared	packages/react/src/utils/styled.tsx:8
`variant`	`undefined \| "secondary" \| "primary"`	No	`"primary"`	packages/react/src/components/input-group/input-group.tsx:9
`fullWidth`	`undefined \| false \| true`	No	`false`	packages/react/src/components/input-group/input-group.tsx:10

Native HTML and ARIA properties (272) — Property set 1

`InputGroupInput`

({ xstyle, style, "data-slot": slot, ...props }: StyleXProps<Omit<BaseInput.Props, "ref"> & React.RefAttributes<HTMLElement>> & { "data-slot"?: unknown; }): JSX.Element

packages/react/src/components/input-group/input-group.tsx:60

@base-ui/react/input

Property	Type	Required	Local default	Description
`disabled`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3377
`style`	`CSSProperties \| ((state: InputState) => React.CSSProperties \| undefined) \| undefined`	No	Not declared	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
`ref`	`Ref<HTMLElement> \| undefined`	No	Not declared	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
`defaultValue`	`string \| number \| readonly string[] \| undefined`	No	Not declared	The default value of the input. Use when uncontrolled.node_modules/@base-ui/react/input/Input.d.ts:20
`id`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2897
`children`	`ReactNode`	No	Not declared	node_modules/@types/react/index.d.ts:2361
`onKeyDown`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2411
`onKeyUp`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2417
`onClick`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2469
`value`	`string \| number \| readonly string[] \| undefined`	No	Not declared	The value of the input. Use when controlled.node_modules/@base-ui/react/input/Input.d.ts:24
`render`	`ReactElement<unknown, string \| JSXElementConstructor<any>> \| ComponentRenderFn<HTMLProps, InputState> \| undefined`	No	Not declared	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
`onValueChange`	`((value: string, eventDetails: BaseInput.ChangeEventDetails) => void) \| undefined`	No	Not declared	Callback fired when the `value` changes. Use when controlled.node_modules/@base-ui/react/input/Input.d.ts:16
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	No	Not declared	packages/react/src/utils/styled.tsx:8

Callback state: `InputState`

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

Native HTML and ARIA properties (297) — Property set 2

`InputGroupTextArea`

({ xstyle, ...props }: React.ComponentProps<typeof TextArea>): JSX.Element

packages/react/src/components/input-group/input-group.tsx:78

@base-ui/react/input

Property	Type	Required	Local default	Description
`disabled`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3377
`style`	`CSSProperties \| ((state: FieldControlState) => React.CSSProperties \| undefined) \| undefined`	No	Not declared	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
`defaultValue`	`string \| number \| readonly string[] \| undefined`	No	Not declared	node_modules/@base-ui/react/field/control/FieldControl.d.ts:23
`id`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2897
`children`	`ReactNode`	No	Not declared	node_modules/@types/react/index.d.ts:2361
`onKeyUp`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2417
`onClick`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2469
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`string \| undefined`	No	Not declared	packages/react/src/components/textarea/textarea.tsx:15
`onValueChange`	`((value: string, eventDetails: FieldControl.ChangeEventDetails) => void) \| undefined`	No	Not declared	Callback fired when the `value` changes. Use when controlled.node_modules/@base-ui/react/field/control/FieldControl.d.ts:22
`ref`	`Ref<HTMLTextAreaElement> \| undefined`	No	Not declared	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
`onKeyDown`	`KeyboardEventHandler<HTMLTextAreaElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2411
`variant`	`undefined \| "secondary" \| "primary"`	No	Not declared	packages/react/src/components/textarea/textarea.tsx:15
`fullWidth`	`undefined \| false \| true`	No	Not declared	packages/react/src/components/textarea/textarea.tsx:15

Callback state: `FieldControlState`

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

Native HTML and ARIA properties (301) — Property set 3

`InputGroupPrefix`

({ xstyle, style, "data-slot": slot, ...props }: StyleXProps<React.ComponentPropsWithRef<"div">> & { "data-slot"?: unknown; }): JSX.Element

packages/react/src/components/input-group/input-group.tsx:87

@base-ui/react/input

Property	Type	Required	Local default	Description
`style`	`CSSProperties \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2902
`ref`	`Ref<HTMLDivElement> \| undefined`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:2897
`children`	`ReactNode`	No	Not declared	node_modules/@types/react/index.d.ts:2361
`onKeyDown`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2411
`onKeyUp`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2417
`onClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2469
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	No	Not declared	packages/react/src/utils/styled.tsx:8

Native HTML and ARIA properties (272) — Property set 1

`InputGroupSuffix`

({ xstyle, style, "data-slot": slot, ...props }: StyleXProps<React.ComponentPropsWithRef<"div">> & { "data-slot"?: unknown; }): JSX.Element

packages/react/src/components/input-group/input-group.tsx:103

@base-ui/react/input

Property	Type	Required	Local default	Description
`style`	`CSSProperties \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2902
`ref`	`Ref<HTMLDivElement> \| undefined`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:2897
`children`	`ReactNode`	No	Not declared	node_modules/@types/react/index.d.ts:2361
`onKeyDown`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2411
`onKeyUp`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2417
`onClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2469
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	No	Not declared	packages/react/src/utils/styled.tsx:8

Native HTML and ARIA properties (272) — Property set 1

`InputGroup`

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

packages/react/src/components/input-group/input-group.tsx:119

InputGroup.Root, InputGroup.Input, InputGroup.TextArea, InputGroup.Prefix, InputGroup.Suffix

@base-ui/react/input

Property	Type	Required	Local default	Description
`style`	`CSSProperties \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2902
`ref`	`Ref<HTMLDivElement> \| undefined`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:2897
`children`	`ReactNode`	No	Not declared	node_modules/@types/react/index.d.ts:2361
`onKeyDown`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2411
`onKeyUp`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2417
`onClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2469
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	No	Not declared	packages/react/src/utils/styled.tsx:8
`variant`	`undefined \| "secondary" \| "primary"`	No	`"primary"`	packages/react/src/components/input-group/input-group.tsx:9
`fullWidth`	`undefined \| false \| true`	No	`false`	packages/react/src/components/input-group/input-group.tsx:10

Native HTML and ARIA properties (272) — Property set 1

Shared native HTML and ARIA properties

Parts with identical inherited property records share one complete table. Different native types remain separate.

Property set 1 (272)

Applies to: InputGroupRoot, InputGroupPrefix, InputGroupSuffix, InputGroup

Property	Type	Required	Local default	Description
`color`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2929
`content`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2915
`translate`	`undefined \| "yes" \| "no"`	No	Not declared	node_modules/@types/react/index.d.ts:2905
`hidden`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2896
`slot`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2900
`title`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2904
`dir`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2893
`aria-disabled`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.node_modules/@types/react/index.d.ts:2656
`defaultValue`	`string \| number \| readonly string[] \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2882
`defaultChecked`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2881
`key`	`Key \| null \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:259
`suppressContentEditableWarning`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2883
`suppressHydrationWarning`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2884
`accessKey`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2887
`autoCapitalize`	`"none" \| (string & {}) \| "off" \| "on" \| "sentences" \| "words" \| "characters" \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2888
`autoFocus`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2889
`contentEditable`	`undefined \| false \| true \| "inherit" \| "false" \| "true" \| "plaintext-only"`	No	Not declared	node_modules/@types/react/index.d.ts:2891
`contextMenu`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2892
`draggable`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2894
`enterKeyHint`	`undefined \| "next" \| "search" \| "enter" \| "done" \| "go" \| "previous" \| "send"`	No	Not declared	node_modules/@types/react/index.d.ts:2895
`lang`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2898
`nonce`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2899
`spellCheck`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2901
`tabIndex`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2903
`radioGroup`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2908
`role`	`AriaRole \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2911
`about`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2914
`datatype`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2916
`inlist`	`any`	No	Not declared	node_modules/@types/react/index.d.ts:2917
`prefix`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2918
`property`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2919
`rel`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2920
`resource`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2921
`rev`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2922
`typeof`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2923
`vocab`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2924
`autoCorrect`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2927
`autoSave`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2928
`itemProp`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2930
`itemScope`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2931
`itemType`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2932
`itemID`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2933
`itemRef`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2934
`results`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2935
`security`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2936
`unselectable`	`undefined \| "off" \| "on"`	No	Not declared	node_modules/@types/react/index.d.ts:2937
`popover`	`undefined \| "" \| "auto" \| "manual" \| "hint"`	No	Not declared	node_modules/@types/react/index.d.ts:2940
`popoverTargetAction`	`undefined \| "show" \| "hide" \| "toggle"`	No	Not declared	node_modules/@types/react/index.d.ts:2941
`popoverTarget`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2942
`inert`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2948
`inputMode`	`undefined \| "none" \| "text" \| "search" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:2962
`part`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2966
`aria-activedescendant`	`string \| undefined`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	node_modules/@types/react/index.d.ts:2604
`aria-checked`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	No	Not declared	Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.node_modules/@types/react/index.d.ts:2609
`aria-colcount`	`number \| undefined`	No	Not declared	Defines the total number of columns in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2614
`aria-colindex`	`number \| undefined`	No	Not declared	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`	No	Not declared	Defines a human readable text alternative of aria-colindex.node_modules/@types/react/index.d.ts:2624
`aria-colspan`	`number \| undefined`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	Identifies the element (or elements) that describes the object.node_modules/@types/react/index.d.ts:2641
`aria-description`	`string \| undefined`	No	Not declared	Defines a string value that describes or annotates the current element.node_modules/@types/react/index.d.ts:2646
`aria-details`	`string \| undefined`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	Defines a string value that labels the current element.node_modules/@types/react/index.d.ts:2697
`aria-labelledby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that labels the current element.node_modules/@types/react/index.d.ts:2702
`aria-level`	`number \| undefined`	No	Not declared	Defines the hierarchical level of an element within a structure.node_modules/@types/react/index.d.ts:2704
`aria-live`	`undefined \| "off" \| "assertive" \| "polite"`	No	Not declared	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"`	No	Not declared	Indicates whether an element is modal when displayed.node_modules/@types/react/index.d.ts:2708
`aria-multiline`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.node_modules/@types/react/index.d.ts:2714
`aria-owns`	`string \| undefined`	No	Not declared	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`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	Indicates the current "pressed" state of toggle buttons.node_modules/@types/react/index.d.ts:2735
`aria-readonly`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	Defines the total number of rows in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2765
`aria-rowindex`	`number \| undefined`	No	Not declared	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`	No	Not declared	Defines a human readable text alternative of aria-rowindex.node_modules/@types/react/index.d.ts:2775
`aria-rowspan`	`number \| undefined`	No	Not declared	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"`	No	Not declared	Indicates the current "selected" state of various widgets.node_modules/@types/react/index.d.ts:2785
`aria-setsize`	`number \| undefined`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	Defines the maximum allowed value for a range widget.node_modules/@types/react/index.d.ts:2794
`aria-valuemin`	`number \| undefined`	No	Not declared	Defines the minimum allowed value for a range widget.node_modules/@types/react/index.d.ts:2796
`aria-valuenow`	`number \| undefined`	No	Not declared	Defines the current value for a range widget.node_modules/@types/react/index.d.ts:2801
`aria-valuetext`	`string \| undefined`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:2362
`onCopy`	`ClipboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2369
`onCopyCapture`	`ClipboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2370
`onCut`	`ClipboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2371
`onCutCapture`	`ClipboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2372
`onPaste`	`ClipboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2373
`onPasteCapture`	`ClipboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2374
`onCompositionEnd`	`CompositionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2377
`onCompositionEndCapture`	`CompositionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2378
`onCompositionStart`	`CompositionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2379
`onCompositionStartCapture`	`CompositionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2380
`onCompositionUpdate`	`CompositionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2381
`onCompositionUpdateCapture`	`CompositionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2382
`onFocus`	`FocusEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2385
`onFocusCapture`	`FocusEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2386
`onBlur`	`FocusEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2387
`onBlurCapture`	`FocusEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2388
`onChange`	`ChangeEventHandler<HTMLDivElement, Element> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2391
`onChangeCapture`	`ChangeEventHandler<HTMLDivElement, Element> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2392
`onBeforeInput`	`InputEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2393
`onBeforeInputCapture`	`InputEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2394
`onInput`	`InputEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2395
`onInputCapture`	`InputEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2396
`onReset`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2397
`onResetCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2398
`onSubmit`	`SubmitEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2399
`onSubmitCapture`	`SubmitEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2400
`onInvalid`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2401
`onInvalidCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2402
`onLoad`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2405
`onLoadCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2406
`onError`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2407
`onErrorCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2408
`onKeyDownCapture`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2412
`onKeyPress`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2414
`onKeyPressCapture`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2416
`onKeyUpCapture`	`KeyboardEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2418
`onAbort`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2421
`onAbortCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2422
`onCanPlay`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2423
`onCanPlayCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2424
`onCanPlayThrough`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2425
`onCanPlayThroughCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2426
`onDurationChange`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2427
`onDurationChangeCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2428
`onEmptied`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2429
`onEmptiedCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2430
`onEncrypted`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2431
`onEncryptedCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2432
`onEnded`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2433
`onEndedCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2434
`onLoadedData`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2435
`onLoadedDataCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2436
`onLoadedMetadata`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2437
`onLoadedMetadataCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2438
`onLoadStart`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2439
`onLoadStartCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2440
`onPause`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2441
`onPauseCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2442
`onPlay`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2443
`onPlayCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2444
`onPlaying`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2445
`onPlayingCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2446
`onProgress`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2447
`onProgressCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2448
`onRateChange`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2449
`onRateChangeCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2450
`onSeeked`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2451
`onSeekedCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2452
`onSeeking`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2453
`onSeekingCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2454
`onStalled`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2455
`onStalledCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2456
`onSuspend`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2457
`onSuspendCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2458
`onTimeUpdate`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2459
`onTimeUpdateCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2460
`onVolumeChange`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2461
`onVolumeChangeCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2462
`onWaiting`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2463
`onWaitingCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2464
`onAuxClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2467
`onAuxClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2468
`onClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2470
`onContextMenu`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2471
`onContextMenuCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2472
`onDoubleClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2473
`onDoubleClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2474
`onDrag`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2475
`onDragCapture`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2476
`onDragEnd`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2477
`onDragEndCapture`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2478
`onDragEnter`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2479
`onDragEnterCapture`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2480
`onDragExit`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2481
`onDragExitCapture`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2482
`onDragLeave`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2483
`onDragLeaveCapture`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2484
`onDragOver`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2485
`onDragOverCapture`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2486
`onDragStart`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2487
`onDragStartCapture`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2488
`onDrop`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2489
`onDropCapture`	`DragEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2490
`onMouseDown`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2491
`onMouseDownCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2492
`onMouseEnter`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2493
`onMouseLeave`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2494
`onMouseMove`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2495
`onMouseMoveCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2496
`onMouseOut`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2497
`onMouseOutCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2498
`onMouseOver`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2499
`onMouseOverCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2500
`onMouseUp`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2501
`onMouseUpCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2502
`onSelect`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2505
`onSelectCapture`	`ReactEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2506
`onTouchCancel`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2509
`onTouchCancelCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2510
`onTouchEnd`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2511
`onTouchEndCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2512
`onTouchMove`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2513
`onTouchMoveCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2514
`onTouchStart`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2515
`onTouchStartCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2516
`onPointerDown`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2519
`onPointerDownCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2520
`onPointerMove`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2521
`onPointerMoveCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2522
`onPointerUp`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2523
`onPointerUpCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2524
`onPointerCancel`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2525
`onPointerCancelCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2526
`onPointerEnter`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2527
`onPointerLeave`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2528
`onPointerOver`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2529
`onPointerOverCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2530
`onPointerOut`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2531
`onPointerOutCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2532
`onGotPointerCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2533
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2534
`onLostPointerCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2535
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2536
`onScroll`	`UIEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2539
`onScrollCapture`	`UIEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2540
`onScrollEnd`	`UIEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2541
`onScrollEndCapture`	`UIEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2542
`onWheel`	`WheelEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2545
`onWheelCapture`	`WheelEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2546
`onAnimationStart`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2549
`onAnimationStartCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2550
`onAnimationEnd`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2551
`onAnimationEndCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2552
`onAnimationIteration`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2553
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2554
`onToggle`	`ToggleEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2557
`onBeforeToggle`	`ToggleEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2558
`onTransitionCancel`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2561
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2562
`onTransitionEnd`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2563
`onTransitionEndCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2564
`onTransitionRun`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2565
`onTransitionRunCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2566
`onTransitionStart`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2567
`onTransitionStartCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2568

Property set 2 (297)

Applies to: InputGroupInput

Property	Type	Required	Local default	Description
`content`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2915
`height`	`string \| number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3390
`src`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3403
`translate`	`undefined \| "yes" \| "no"`	No	Not declared	node_modules/@types/react/index.d.ts:2905
`width`	`string \| number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3407
`hidden`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2896
`multiple`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3396
`size`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3402
`name`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3397
`form`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3378
`slot`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2900
`title`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2904
`pattern`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3398
`dir`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2893
`aria-disabled`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:259
`suppressContentEditableWarning`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2883
`suppressHydrationWarning`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2884
`accessKey`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2887
`autoCapitalize`	`"none" \| (string & {}) \| "off" \| "on" \| "sentences" \| "words" \| "characters" \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2888
`autoFocus`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2889
`contentEditable`	`undefined \| false \| true \| "inherit" \| "false" \| "true" \| "plaintext-only"`	No	Not declared	node_modules/@types/react/index.d.ts:2891
`contextMenu`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2892
`draggable`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2894
`enterKeyHint`	`undefined \| "next" \| "search" \| "enter" \| "done" \| "go" \| "previous" \| "send"`	No	Not declared	node_modules/@types/react/index.d.ts:2895
`lang`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2898
`nonce`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2899
`spellCheck`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2901
`tabIndex`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2903
`radioGroup`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2908
`role`	`AriaRole \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2911
`about`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2914
`datatype`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2916
`inlist`	`any`	No	Not declared	node_modules/@types/react/index.d.ts:2917
`prefix`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2918
`property`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2919
`rel`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2920
`resource`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2921
`rev`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2922
`typeof`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2923
`vocab`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2924
`autoCorrect`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2927
`autoSave`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2928
`itemProp`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2930
`itemScope`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2931
`itemType`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2932
`itemID`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2933
`itemRef`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2934
`results`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2935
`security`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2936
`unselectable`	`undefined \| "off" \| "on"`	No	Not declared	node_modules/@types/react/index.d.ts:2937
`popover`	`undefined \| "" \| "auto" \| "manual" \| "hint"`	No	Not declared	node_modules/@types/react/index.d.ts:2940
`popoverTargetAction`	`undefined \| "show" \| "hide" \| "toggle"`	No	Not declared	node_modules/@types/react/index.d.ts:2941
`popoverTarget`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2942
`inert`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2948
`inputMode`	`undefined \| "none" \| "text" \| "search" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:2962
`part`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2966
`aria-activedescendant`	`string \| undefined`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	node_modules/@types/react/index.d.ts:2604
`aria-checked`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	No	Not declared	Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.node_modules/@types/react/index.d.ts:2609
`aria-colcount`	`number \| undefined`	No	Not declared	Defines the total number of columns in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2614
`aria-colindex`	`number \| undefined`	No	Not declared	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`	No	Not declared	Defines a human readable text alternative of aria-colindex.node_modules/@types/react/index.d.ts:2624
`aria-colspan`	`number \| undefined`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	Identifies the element (or elements) that describes the object.node_modules/@types/react/index.d.ts:2641
`aria-description`	`string \| undefined`	No	Not declared	Defines a string value that describes or annotates the current element.node_modules/@types/react/index.d.ts:2646
`aria-details`	`string \| undefined`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	Defines a string value that labels the current element.node_modules/@types/react/index.d.ts:2697
`aria-labelledby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that labels the current element.node_modules/@types/react/index.d.ts:2702
`aria-level`	`number \| undefined`	No	Not declared	Defines the hierarchical level of an element within a structure.node_modules/@types/react/index.d.ts:2704
`aria-live`	`undefined \| "off" \| "assertive" \| "polite"`	No	Not declared	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"`	No	Not declared	Indicates whether an element is modal when displayed.node_modules/@types/react/index.d.ts:2708
`aria-multiline`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.node_modules/@types/react/index.d.ts:2714
`aria-owns`	`string \| undefined`	No	Not declared	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`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	Indicates the current "pressed" state of toggle buttons.node_modules/@types/react/index.d.ts:2735
`aria-readonly`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	Defines the total number of rows in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2765
`aria-rowindex`	`number \| undefined`	No	Not declared	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`	No	Not declared	Defines a human readable text alternative of aria-rowindex.node_modules/@types/react/index.d.ts:2775
`aria-rowspan`	`number \| undefined`	No	Not declared	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"`	No	Not declared	Indicates the current "selected" state of various widgets.node_modules/@types/react/index.d.ts:2785
`aria-setsize`	`number \| undefined`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	Defines the maximum allowed value for a range widget.node_modules/@types/react/index.d.ts:2794
`aria-valuemin`	`number \| undefined`	No	Not declared	Defines the minimum allowed value for a range widget.node_modules/@types/react/index.d.ts:2796
`aria-valuenow`	`number \| undefined`	No	Not declared	Defines the current value for a range widget.node_modules/@types/react/index.d.ts:2801
`aria-valuetext`	`string \| undefined`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:2362
`onCopy`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2369
`onCopyCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2370
`onCut`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2371
`onCutCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2372
`onPaste`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2373
`onPasteCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2374
`onCompositionEnd`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2377
`onCompositionEndCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2378
`onCompositionStart`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2379
`onCompositionStartCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2380
`onCompositionUpdate`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2381
`onCompositionUpdateCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2382
`onFocus`	`((event: BaseUIEvent<FocusEvent<HTMLInputElement, Element>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2385
`onFocusCapture`	`((event: BaseUIEvent<FocusEvent<HTMLInputElement, Element>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2386
`onBlur`	`((event: BaseUIEvent<FocusEvent<HTMLInputElement, Element>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2387
`onBlurCapture`	`((event: BaseUIEvent<FocusEvent<HTMLInputElement, Element>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2388
`onChange`	`((event: BaseUIEvent<ChangeEvent<HTMLInputElement, HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3411
`onChangeCapture`	`((event: BaseUIEvent<ChangeEvent<HTMLInputElement, Element>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2392
`onBeforeInput`	`((event: BaseUIEvent<InputEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2393
`onBeforeInputCapture`	`((event: BaseUIEvent<InputEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2394
`onInput`	`((event: BaseUIEvent<InputEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2395
`onInputCapture`	`((event: BaseUIEvent<InputEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2396
`onReset`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2397
`onResetCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2398
`onSubmit`	`((event: BaseUIEvent<SubmitEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2399
`onSubmitCapture`	`((event: BaseUIEvent<SubmitEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2400
`onInvalid`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2401
`onInvalidCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2402
`onLoad`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2405
`onLoadCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2406
`onError`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2407
`onErrorCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2408
`onKeyDownCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2412
`onKeyPress`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2414
`onKeyPressCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2416
`onKeyUpCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2418
`onAbort`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2421
`onAbortCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2422
`onCanPlay`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2423
`onCanPlayCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2424
`onCanPlayThrough`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2425
`onCanPlayThroughCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2426
`onDurationChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2427
`onDurationChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2428
`onEmptied`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2429
`onEmptiedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2430
`onEncrypted`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2431
`onEncryptedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2432
`onEnded`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2433
`onEndedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2434
`onLoadedData`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2435
`onLoadedDataCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2436
`onLoadedMetadata`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2437
`onLoadedMetadataCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2438
`onLoadStart`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2439
`onLoadStartCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2440
`onPause`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2441
`onPauseCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2442
`onPlay`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2443
`onPlayCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2444
`onPlaying`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2445
`onPlayingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2446
`onProgress`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2447
`onProgressCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2448
`onRateChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2449
`onRateChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2450
`onSeeked`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2451
`onSeekedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2452
`onSeeking`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2453
`onSeekingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2454
`onStalled`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2455
`onStalledCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2456
`onSuspend`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2457
`onSuspendCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2458
`onTimeUpdate`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2459
`onTimeUpdateCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2460
`onVolumeChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2461
`onVolumeChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2462
`onWaiting`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2463
`onWaitingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2464
`onAuxClick`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2467
`onAuxClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2468
`onClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2470
`onContextMenu`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2471
`onContextMenuCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2472
`onDoubleClick`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2473
`onDoubleClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2474
`onDrag`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2475
`onDragCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2476
`onDragEnd`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2477
`onDragEndCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2478
`onDragEnter`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2479
`onDragEnterCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2480
`onDragExit`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2481
`onDragExitCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2482
`onDragLeave`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2483
`onDragLeaveCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2484
`onDragOver`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2485
`onDragOverCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2486
`onDragStart`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2487
`onDragStartCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2488
`onDrop`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2489
`onDropCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2490
`onMouseDown`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2491
`onMouseDownCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2492
`onMouseEnter`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2493
`onMouseLeave`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2494
`onMouseMove`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2495
`onMouseMoveCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2496
`onMouseOut`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2497
`onMouseOutCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2498
`onMouseOver`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2499
`onMouseOverCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2500
`onMouseUp`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2501
`onMouseUpCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2502
`onSelect`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2505
`onSelectCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2506
`onTouchCancel`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2509
`onTouchCancelCapture`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2510
`onTouchEnd`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2511
`onTouchEndCapture`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2512
`onTouchMove`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2513
`onTouchMoveCapture`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2514
`onTouchStart`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2515
`onTouchStartCapture`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2516
`onPointerDown`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2519
`onPointerDownCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2520
`onPointerMove`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2521
`onPointerMoveCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2522
`onPointerUp`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2523
`onPointerUpCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2524
`onPointerCancel`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2525
`onPointerCancelCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2526
`onPointerEnter`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2527
`onPointerLeave`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2528
`onPointerOver`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2529
`onPointerOverCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2530
`onPointerOut`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2531
`onPointerOutCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2532
`onGotPointerCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2533
`onGotPointerCaptureCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2534
`onLostPointerCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2535
`onLostPointerCaptureCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2536
`onScroll`	`((event: BaseUIEvent<UIEvent<HTMLInputElement, UIEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2539
`onScrollCapture`	`((event: BaseUIEvent<UIEvent<HTMLInputElement, UIEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2540
`onScrollEnd`	`((event: BaseUIEvent<UIEvent<HTMLInputElement, UIEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2541
`onScrollEndCapture`	`((event: BaseUIEvent<UIEvent<HTMLInputElement, UIEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2542
`onWheel`	`((event: BaseUIEvent<WheelEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2545
`onWheelCapture`	`((event: BaseUIEvent<WheelEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2546
`onAnimationStart`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2549
`onAnimationStartCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2550
`onAnimationEnd`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2551
`onAnimationEndCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2552
`onAnimationIteration`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2553
`onAnimationIterationCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2554
`onToggle`	`((event: BaseUIEvent<ToggleEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2557
`onBeforeToggle`	`((event: BaseUIEvent<ToggleEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2558
`onTransitionCancel`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2561
`onTransitionCancelCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2562
`onTransitionEnd`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2563
`onTransitionEndCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2564
`onTransitionRun`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2565
`onTransitionRunCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2566
`onTransitionStart`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2567
`onTransitionStartCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2568
`formAction`	`string \| ((formData: FormData) => void \| Promise<void>) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3379
`formEncType`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3386
`formMethod`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3387
`formNoValidate`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3388
`formTarget`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3389
`type`	`HTMLInputTypeAttribute \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3405
`max`	`string \| number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3392
`min`	`string \| number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3394
`list`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3391
`step`	`string \| number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3404
`autoComplete`	`HTMLInputAutoCompleteAttribute \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3374
`required`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3401
`readOnly`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3400
`accept`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3372
`alt`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3373
`capture`	`undefined \| false \| true \| "user" \| "environment"`	No	Not declared	node_modules/@types/react/index.d.ts:3375
`checked`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3376
`maxLength`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3393
`minLength`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3395
`placeholder`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3399

Property set 3 (301)

Applies to: InputGroupTextArea

Property	Type	Required	Local default	Description
`content`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2915
`height`	`string \| number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3390
`src`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3403
`translate`	`undefined \| "yes" \| "no"`	No	Not declared	node_modules/@types/react/index.d.ts:2905
`width`	`string \| number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3407
`hidden`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2896
`multiple`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3396
`size`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3402
`name`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3397
`form`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3378
`slot`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2900
`title`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2904
`pattern`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3398
`dir`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2893
`aria-disabled`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:259
`suppressContentEditableWarning`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2883
`suppressHydrationWarning`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2884
`accessKey`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2887
`autoCapitalize`	`"none" \| (string & {}) \| "off" \| "on" \| "sentences" \| "words" \| "characters" \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2888
`autoFocus`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2889
`contentEditable`	`undefined \| false \| true \| "inherit" \| "false" \| "true" \| "plaintext-only"`	No	Not declared	node_modules/@types/react/index.d.ts:2891
`contextMenu`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2892
`draggable`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2894
`enterKeyHint`	`undefined \| "next" \| "search" \| "enter" \| "done" \| "go" \| "previous" \| "send"`	No	Not declared	node_modules/@types/react/index.d.ts:2895
`lang`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2898
`nonce`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2899
`spellCheck`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2901
`tabIndex`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2903
`radioGroup`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2908
`role`	`AriaRole \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2911
`about`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2914
`datatype`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2916
`inlist`	`any`	No	Not declared	node_modules/@types/react/index.d.ts:2917
`prefix`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2918
`property`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2919
`rel`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2920
`resource`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2921
`rev`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2922
`typeof`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2923
`vocab`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2924
`autoCorrect`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2927
`autoSave`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2928
`itemProp`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2930
`itemScope`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2931
`itemType`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2932
`itemID`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2933
`itemRef`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2934
`results`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2935
`security`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2936
`unselectable`	`undefined \| "off" \| "on"`	No	Not declared	node_modules/@types/react/index.d.ts:2937
`popover`	`undefined \| "" \| "auto" \| "manual" \| "hint"`	No	Not declared	node_modules/@types/react/index.d.ts:2940
`popoverTargetAction`	`undefined \| "show" \| "hide" \| "toggle"`	No	Not declared	node_modules/@types/react/index.d.ts:2941
`popoverTarget`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2942
`inert`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2948
`inputMode`	`undefined \| "none" \| "text" \| "search" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:2962
`part`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2966
`aria-activedescendant`	`string \| undefined`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	node_modules/@types/react/index.d.ts:2604
`aria-checked`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	No	Not declared	Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.node_modules/@types/react/index.d.ts:2609
`aria-colcount`	`number \| undefined`	No	Not declared	Defines the total number of columns in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2614
`aria-colindex`	`number \| undefined`	No	Not declared	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`	No	Not declared	Defines a human readable text alternative of aria-colindex.node_modules/@types/react/index.d.ts:2624
`aria-colspan`	`number \| undefined`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	Identifies the element (or elements) that describes the object.node_modules/@types/react/index.d.ts:2641
`aria-description`	`string \| undefined`	No	Not declared	Defines a string value that describes or annotates the current element.node_modules/@types/react/index.d.ts:2646
`aria-details`	`string \| undefined`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	Defines a string value that labels the current element.node_modules/@types/react/index.d.ts:2697
`aria-labelledby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that labels the current element.node_modules/@types/react/index.d.ts:2702
`aria-level`	`number \| undefined`	No	Not declared	Defines the hierarchical level of an element within a structure.node_modules/@types/react/index.d.ts:2704
`aria-live`	`undefined \| "off" \| "assertive" \| "polite"`	No	Not declared	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"`	No	Not declared	Indicates whether an element is modal when displayed.node_modules/@types/react/index.d.ts:2708
`aria-multiline`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.node_modules/@types/react/index.d.ts:2714
`aria-owns`	`string \| undefined`	No	Not declared	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`	No	Not declared	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`	No	Not declared	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"`	No	Not declared	Indicates the current "pressed" state of toggle buttons.node_modules/@types/react/index.d.ts:2735
`aria-readonly`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	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"`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	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`	No	Not declared	Defines the total number of rows in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2765
`aria-rowindex`	`number \| undefined`	No	Not declared	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`	No	Not declared	Defines a human readable text alternative of aria-rowindex.node_modules/@types/react/index.d.ts:2775
`aria-rowspan`	`number \| undefined`	No	Not declared	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"`	No	Not declared	Indicates the current "selected" state of various widgets.node_modules/@types/react/index.d.ts:2785
`aria-setsize`	`number \| undefined`	No	Not declared	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"`	No	Not declared	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`	No	Not declared	Defines the maximum allowed value for a range widget.node_modules/@types/react/index.d.ts:2794
`aria-valuemin`	`number \| undefined`	No	Not declared	Defines the minimum allowed value for a range widget.node_modules/@types/react/index.d.ts:2796
`aria-valuenow`	`number \| undefined`	No	Not declared	Defines the current value for a range widget.node_modules/@types/react/index.d.ts:2801
`aria-valuetext`	`string \| undefined`	No	Not declared	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`	No	Not declared	node_modules/@types/react/index.d.ts:2362
`onCopy`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2369
`onCopyCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2370
`onCut`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2371
`onCutCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2372
`onPaste`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2373
`onPasteCapture`	`((event: BaseUIEvent<ClipboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2374
`onCompositionEnd`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2377
`onCompositionEndCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2378
`onCompositionStart`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2379
`onCompositionStartCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2380
`onCompositionUpdate`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2381
`onCompositionUpdateCapture`	`((event: BaseUIEvent<CompositionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2382
`onFocusCapture`	`((event: BaseUIEvent<FocusEvent<HTMLInputElement, Element>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2386
`onBlurCapture`	`((event: BaseUIEvent<FocusEvent<HTMLInputElement, Element>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2388
`onChangeCapture`	`((event: BaseUIEvent<ChangeEvent<HTMLInputElement, Element>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2392
`onBeforeInput`	`((event: BaseUIEvent<InputEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2393
`onBeforeInputCapture`	`((event: BaseUIEvent<InputEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2394
`onInput`	`((event: BaseUIEvent<InputEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2395
`onInputCapture`	`((event: BaseUIEvent<InputEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2396
`onReset`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2397
`onResetCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2398
`onSubmit`	`((event: BaseUIEvent<SubmitEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2399
`onSubmitCapture`	`((event: BaseUIEvent<SubmitEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2400
`onInvalid`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2401
`onInvalidCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2402
`onLoad`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2405
`onLoadCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2406
`onError`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2407
`onErrorCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2408
`onKeyDownCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2412
`onKeyPress`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2414
`onKeyPressCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2416
`onKeyUpCapture`	`((event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2418
`onAbort`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2421
`onAbortCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2422
`onCanPlay`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2423
`onCanPlayCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2424
`onCanPlayThrough`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2425
`onCanPlayThroughCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2426
`onDurationChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2427
`onDurationChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2428
`onEmptied`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2429
`onEmptiedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2430
`onEncrypted`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2431
`onEncryptedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2432
`onEnded`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2433
`onEndedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2434
`onLoadedData`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2435
`onLoadedDataCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2436
`onLoadedMetadata`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2437
`onLoadedMetadataCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2438
`onLoadStart`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2439
`onLoadStartCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2440
`onPause`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2441
`onPauseCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2442
`onPlay`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2443
`onPlayCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2444
`onPlaying`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2445
`onPlayingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2446
`onProgress`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2447
`onProgressCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2448
`onRateChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2449
`onRateChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2450
`onSeeked`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2451
`onSeekedCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2452
`onSeeking`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2453
`onSeekingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2454
`onStalled`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2455
`onStalledCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2456
`onSuspend`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2457
`onSuspendCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2458
`onTimeUpdate`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2459
`onTimeUpdateCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2460
`onVolumeChange`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2461
`onVolumeChangeCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2462
`onWaiting`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2463
`onWaitingCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2464
`onAuxClick`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2467
`onAuxClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2468
`onClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2470
`onContextMenu`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2471
`onContextMenuCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2472
`onDoubleClick`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2473
`onDoubleClickCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2474
`onDrag`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2475
`onDragCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2476
`onDragEnd`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2477
`onDragEndCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2478
`onDragEnter`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2479
`onDragEnterCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2480
`onDragExit`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2481
`onDragExitCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2482
`onDragLeave`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2483
`onDragLeaveCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2484
`onDragOver`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2485
`onDragOverCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2486
`onDragStart`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2487
`onDragStartCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2488
`onDrop`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2489
`onDropCapture`	`((event: BaseUIEvent<DragEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2490
`onMouseDown`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2491
`onMouseDownCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2492
`onMouseEnter`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2493
`onMouseLeave`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2494
`onMouseMove`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2495
`onMouseMoveCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2496
`onMouseOut`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2497
`onMouseOutCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2498
`onMouseOver`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2499
`onMouseOverCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2500
`onMouseUp`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2501
`onMouseUpCapture`	`((event: BaseUIEvent<MouseEvent<HTMLInputElement, MouseEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2502
`onSelect`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2505
`onSelectCapture`	`((event: BaseUIEvent<SyntheticEvent<HTMLInputElement, Event>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2506
`onTouchCancel`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2509
`onTouchCancelCapture`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2510
`onTouchEnd`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2511
`onTouchEndCapture`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2512
`onTouchMove`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2513
`onTouchMoveCapture`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2514
`onTouchStart`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2515
`onTouchStartCapture`	`((event: BaseUIEvent<TouchEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2516
`onPointerDown`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2519
`onPointerDownCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2520
`onPointerMove`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2521
`onPointerMoveCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2522
`onPointerUp`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2523
`onPointerUpCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2524
`onPointerCancel`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2525
`onPointerCancelCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2526
`onPointerEnter`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2527
`onPointerLeave`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2528
`onPointerOver`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2529
`onPointerOverCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2530
`onPointerOut`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2531
`onPointerOutCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2532
`onGotPointerCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2533
`onGotPointerCaptureCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2534
`onLostPointerCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2535
`onLostPointerCaptureCapture`	`((event: BaseUIEvent<PointerEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2536
`onScroll`	`((event: BaseUIEvent<UIEvent<HTMLInputElement, UIEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2539
`onScrollCapture`	`((event: BaseUIEvent<UIEvent<HTMLInputElement, UIEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2540
`onScrollEnd`	`((event: BaseUIEvent<UIEvent<HTMLInputElement, UIEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2541
`onScrollEndCapture`	`((event: BaseUIEvent<UIEvent<HTMLInputElement, UIEvent>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2542
`onWheel`	`((event: BaseUIEvent<WheelEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2545
`onWheelCapture`	`((event: BaseUIEvent<WheelEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2546
`onAnimationStart`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2549
`onAnimationStartCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2550
`onAnimationEnd`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2551
`onAnimationEndCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2552
`onAnimationIteration`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2553
`onAnimationIterationCapture`	`((event: BaseUIEvent<AnimationEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2554
`onToggle`	`((event: BaseUIEvent<ToggleEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2557
`onBeforeToggle`	`((event: BaseUIEvent<ToggleEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2558
`onTransitionCancel`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2561
`onTransitionCancelCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2562
`onTransitionEnd`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2563
`onTransitionEndCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2564
`onTransitionRun`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2565
`onTransitionRunCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2566
`onTransitionStart`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2567
`onTransitionStartCapture`	`((event: BaseUIEvent<TransitionEvent<HTMLInputElement>>) => void) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2568
`value`	`string \| number \| readonly string[] \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3406
`formAction`	`string \| ((formData: FormData) => void \| Promise<void>) \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3379
`formEncType`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3386
`formMethod`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3387
`formNoValidate`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3388
`formTarget`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3389
`type`	`HTMLInputTypeAttribute \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3405
`max`	`string \| number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3392
`min`	`string \| number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3394
`list`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3391
`step`	`string \| number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3404
`autoComplete`	`HTMLInputAutoCompleteAttribute \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3374
`required`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3401
`readOnly`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3400
`accept`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3372
`alt`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3373
`capture`	`undefined \| false \| true \| "user" \| "environment"`	No	Not declared	node_modules/@types/react/index.d.ts:3375
`checked`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:3376
`maxLength`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3393
`minLength`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3395
`placeholder`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3399
`wrap`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3628
`onFocus`	`FocusEventHandler<HTMLTextAreaElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2385
`onBlur`	`FocusEventHandler<HTMLTextAreaElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2387
`onChange`	`ChangeEventHandler<HTMLTextAreaElement, HTMLTextAreaElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3632
`rows`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3626
`cols`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3616

HeroUI v3.2.6 is the visual and historical reference, not an API compatibility promise. HeroUI v3.2.6

InputGroup

API Reference

InputGroupRoot

InputGroupInput

Callback state: InputState

InputGroupTextArea

Callback state: FieldControlState

InputGroupPrefix

InputGroupSuffix

InputGroup

Shared native HTML and ARIA properties

`InputGroupRoot`

`InputGroupInput`

Callback state: `InputState`

`InputGroupTextArea`

Callback state: `FieldControlState`

`InputGroupPrefix`

`InputGroupSuffix`

`InputGroup`