Interface FlexProps

interface FlexProps {
    about?: string;
    accept?: string;
    acceptCharset?: string;
    accessKey?: string;
    action?: string;
    align?: {
        2xl?: "alignRight" | "alignLeft";
        default?: "alignRight" | "alignLeft";
        lg?: "alignRight" | "alignLeft";
        md?: "alignRight" | "alignLeft";
        sm?: "alignRight" | "alignLeft";
        xl?: "alignRight" | "alignLeft";
    };
    alignContent?: {
        2xl?:
            | "alignContentFlexStart"
            | "alignContentFlexEnd"
            | "alignContentCenter"
            | "alignContentStretch"
            | "alignContentSpaceBetween"
            | "alignContentSpaceAround";
        default?:
            | "alignContentFlexStart"
            | "alignContentFlexEnd"
            | "alignContentCenter"
            | "alignContentStretch"
            | "alignContentSpaceBetween"
            | "alignContentSpaceAround";
        lg?:
            | "alignContentFlexStart"
            | "alignContentFlexEnd"
            | "alignContentCenter"
            | "alignContentStretch"
            | "alignContentSpaceBetween"
            | "alignContentSpaceAround";
        md?:
            | "alignContentFlexStart"
            | "alignContentFlexEnd"
            | "alignContentCenter"
            | "alignContentStretch"
            | "alignContentSpaceBetween"
            | "alignContentSpaceAround";
        sm?:
            | "alignContentFlexStart"
            | "alignContentFlexEnd"
            | "alignContentCenter"
            | "alignContentStretch"
            | "alignContentSpaceBetween"
            | "alignContentSpaceAround";
        xl?:
            | "alignContentFlexStart"
            | "alignContentFlexEnd"
            | "alignContentCenter"
            | "alignContentStretch"
            | "alignContentSpaceBetween"
            | "alignContentSpaceAround";
    };
    alignItems?: {
        2xl?:
            | "alignItemsFlexStart"
            | "alignItemsFlexEnd"
            | "alignItemsCenter"
            | "alignItemsStretch"
            | "alignItemsBaseline";
        default?:
            | "alignItemsFlexStart"
            | "alignItemsFlexEnd"
            | "alignItemsCenter"
            | "alignItemsStretch"
            | "alignItemsBaseline";
        lg?:
            | "alignItemsFlexStart"
            | "alignItemsFlexEnd"
            | "alignItemsCenter"
            | "alignItemsStretch"
            | "alignItemsBaseline";
        md?:
            | "alignItemsFlexStart"
            | "alignItemsFlexEnd"
            | "alignItemsCenter"
            | "alignItemsStretch"
            | "alignItemsBaseline";
        sm?:
            | "alignItemsFlexStart"
            | "alignItemsFlexEnd"
            | "alignItemsCenter"
            | "alignItemsStretch"
            | "alignItemsBaseline";
        xl?:
            | "alignItemsFlexStart"
            | "alignItemsFlexEnd"
            | "alignItemsCenter"
            | "alignItemsStretch"
            | "alignItemsBaseline";
    };
    alignSelf?: {
        2xl?:
            | "alignSelfFlexStart"
            | "alignSelfFlexEnd"
            | "alignSelfCenter"
            | "alignSelfStretch"
            | "alignSelfBaseline";
        default?:
            | "alignSelfFlexStart"
            | "alignSelfFlexEnd"
            | "alignSelfCenter"
            | "alignSelfStretch"
            | "alignSelfBaseline";
        lg?:
            | "alignSelfFlexStart"
            | "alignSelfFlexEnd"
            | "alignSelfCenter"
            | "alignSelfStretch"
            | "alignSelfBaseline";
        md?:
            | "alignSelfFlexStart"
            | "alignSelfFlexEnd"
            | "alignSelfCenter"
            | "alignSelfStretch"
            | "alignSelfBaseline";
        sm?:
            | "alignSelfFlexStart"
            | "alignSelfFlexEnd"
            | "alignSelfCenter"
            | "alignSelfStretch"
            | "alignSelfBaseline";
        xl?:
            | "alignSelfFlexStart"
            | "alignSelfFlexEnd"
            | "alignSelfCenter"
            | "alignSelfStretch"
            | "alignSelfBaseline";
    };
    allowFullScreen?: boolean;
    allowTransparency?: boolean;
    alt?: string;
    aria-activedescendant?: string;
    aria-atomic?: Booleanish;
    aria-autocomplete?:
        | "list"
        | "inline"
        | "none"
        | "both";
    aria-braillelabel?: string;
    aria-brailleroledescription?: string;
    aria-busy?: Booleanish;
    aria-checked?:
        | boolean
        | "true"
        | "false"
        | "mixed";
    aria-colcount?: number;
    aria-colindex?: number;
    aria-colindextext?: string;
    aria-colspan?: number;
    aria-controls?: string;
    aria-current?:
        | boolean
        | "step"
        | "time"
        | "location"
        | "true"
        | "false"
        | "page"
        | "date";
    aria-describedby?: string;
    aria-description?: string;
    aria-details?: string;
    aria-disabled?: Booleanish;
    aria-dropeffect?:
        | "link"
        | "copy"
        | "move"
        | "none"
        | "execute"
        | "popup";
    aria-errormessage?: string;
    aria-expanded?: Booleanish;
    aria-flowto?: string;
    aria-grabbed?: Booleanish;
    aria-haspopup?:
        | boolean
        | "dialog"
        | "menu"
        | "grid"
        | "true"
        | "false"
        | "listbox"
        | "tree";
    aria-hidden?: Booleanish;
    aria-invalid?:
        | boolean
        | "true"
        | "false"
        | "grammar"
        | "spelling";
    aria-keyshortcuts?: string;
    aria-label?: string;
    aria-labelledby?: string;
    aria-level?: number;
    aria-live?: "off" | "assertive" | "polite";
    aria-modal?: Booleanish;
    aria-multiline?: Booleanish;
    aria-multiselectable?: Booleanish;
    aria-orientation?: "horizontal" | "vertical";
    aria-owns?: string;
    aria-placeholder?: string;
    aria-posinset?: number;
    aria-pressed?:
        | boolean
        | "true"
        | "false"
        | "mixed";
    aria-readonly?: Booleanish;
    aria-relevant?:
        | "text"
        | "additions"
        | "additions removals"
        | "additions text"
        | "all"
        | "removals"
        | "removals additions"
        | "removals text"
        | "text additions"
        | "text removals";
    aria-required?: Booleanish;
    aria-roledescription?: string;
    aria-rowcount?: number;
    aria-rowindex?: number;
    aria-rowindextext?: string;
    aria-rowspan?: number;
    aria-selected?: Booleanish;
    aria-setsize?: number;
    aria-sort?:
        | "none"
        | "ascending"
        | "descending"
        | "other";
    aria-valuemax?: number;
    aria-valuemin?: number;
    aria-valuenow?: number;
    aria-valuetext?: string;
    as?: string;
    async?: boolean;
    autoCapitalize?:
        | string & {}
        | "none"
        | "off"
        | "on"
        | "sentences"
        | "words"
        | "characters";
    autoComplete?: string;
    autoCorrect?: string;
    autoFocus?: boolean;
    autoPlay?: boolean;
    autoSave?: string;
    capture?: boolean | "user" | "environment";
    cellPadding?: string | number;
    cellSpacing?: string | number;
    challenge?: string;
    charSet?: string;
    checked?: boolean;
    children?: ReactNode;
    cite?: string;
    classID?: string;
    className?: string;
    color?: string;
    cols?: number;
    colSpan?: number;
    columnGap?: {
        2xl?:
            | "columnGap"
            | "columnGapNone"
            | "columnGapXs"
            | "columnGapSm"
            | "columnGapMd"
            | "columnGapLg"
            | "columnGapXl"
            | "columnGap2xl"
            | "columnGap3xl"
            | "columnGap4xl";
        default?:
            | "columnGap"
            | "columnGapNone"
            | "columnGapXs"
            | "columnGapSm"
            | "columnGapMd"
            | "columnGapLg"
            | "columnGapXl"
            | "columnGap2xl"
            | "columnGap3xl"
            | "columnGap4xl";
        lg?:
            | "columnGap"
            | "columnGapNone"
            | "columnGapXs"
            | "columnGapSm"
            | "columnGapMd"
            | "columnGapLg"
            | "columnGapXl"
            | "columnGap2xl"
            | "columnGap3xl"
            | "columnGap4xl";
        md?:
            | "columnGap"
            | "columnGapNone"
            | "columnGapXs"
            | "columnGapSm"
            | "columnGapMd"
            | "columnGapLg"
            | "columnGapXl"
            | "columnGap2xl"
            | "columnGap3xl"
            | "columnGap4xl";
        sm?:
            | "columnGap"
            | "columnGapNone"
            | "columnGapXs"
            | "columnGapSm"
            | "columnGapMd"
            | "columnGapLg"
            | "columnGapXl"
            | "columnGap2xl"
            | "columnGap3xl"
            | "columnGap4xl";
        xl?:
            | "columnGap"
            | "columnGapNone"
            | "columnGapXs"
            | "columnGapSm"
            | "columnGapMd"
            | "columnGapLg"
            | "columnGapXl"
            | "columnGap2xl"
            | "columnGap3xl"
            | "columnGap4xl";
    };
    component?:
        | "symbol"
        | "object"
        | ComponentClass<any, any>
        | FunctionComponent<any>
        | "search"
        | "big"
        | "link"
        | "small"
        | "sub"
        | "sup"
        | "div"
        | "ul"
        | "style"
        | "h1"
        | "li"
        | "cite"
        | "data"
        | "form"
        | "label"
        | "pattern"
        | "span"
        | "summary"
        | "slot"
        | "title"
        | "a"
        | "abbr"
        | "address"
        | "area"
        | "article"
        | "aside"
        | "audio"
        | "b"
        | "base"
        | "bdi"
        | "bdo"
        | "blockquote"
        | "body"
        | "br"
        | "button"
        | "canvas"
        | "caption"
        | "code"
        | "col"
        | "colgroup"
        | "datalist"
        | "dd"
        | "del"
        | "details"
        | "dfn"
        | "dialog"
        | "dl"
        | "dt"
        | "em"
        | "embed"
        | "fieldset"
        | "figcaption"
        | "figure"
        | "footer"
        | "h2"
        | "h3"
        | "h4"
        | "h5"
        | "h6"
        | "head"
        | "header"
        | "hgroup"
        | "hr"
        | "html"
        | "i"
        | "iframe"
        | "img"
        | "input"
        | "ins"
        | "kbd"
        | "legend"
        | "main"
        | "map"
        | "mark"
        | "menu"
        | "meta"
        | "meter"
        | "nav"
        | "noscript"
        | "ol"
        | "optgroup"
        | "option"
        | "output"
        | "p"
        | "picture"
        | "pre"
        | "progress"
        | "q"
        | "rp"
        | "rt"
        | "ruby"
        | "s"
        | "samp"
        | "script"
        | "section"
        | "select"
        | "source"
        | "strong"
        | "table"
        | "tbody"
        | "td"
        | "template"
        | "textarea"
        | "tfoot"
        | "th"
        | "thead"
        | "time"
        | "tr"
        | "track"
        | "u"
        | "var"
        | "video"
        | "wbr"
        | "filter"
        | "set"
        | "center"
        | "text"
        | "keygen"
        | "menuitem"
        | "param"
        | "webview"
        | "animate"
        | "circle"
        | "clipPath"
        | "defs"
        | "desc"
        | "ellipse"
        | "feBlend"
        | "feColorMatrix"
        | "feComponentTransfer"
        | "feComposite"
        | "feConvolveMatrix"
        | "feDiffuseLighting"
        | "feDisplacementMap"
        | "feDistantLight"
        | "feDropShadow"
        | "feFlood"
        | "feFuncA"
        | "feFuncB"
        | "feFuncG"
        | "feFuncR"
        | "feGaussianBlur"
        | "feImage"
        | "feMerge"
        | "feMergeNode"
        | "feMorphology"
        | "feOffset"
        | "fePointLight"
        | "feSpecularLighting"
        | "feSpotLight"
        | "feTile"
        | "feTurbulence"
        | "foreignObject"
        | "g"
        | "image"
        | "line"
        | "linearGradient"
        | "marker"
        | "mask"
        | "metadata"
        | "path"
        | "polygon"
        | "polyline"
        | "radialGradient"
        | "rect"
        | "stop"
        | "svg"
        | "switch"
        | "textPath"
        | "tspan"
        | "use"
        | "view"
        | "noindex"
        | "animateMotion"
        | "animateTransform"
        | "mpath";
    content?: string;
    contentEditable?: "inherit" | Booleanish | "plaintext-only";
    contextMenu?: string;
    controls?: boolean;
    coords?: string;
    crossOrigin?: CrossOrigin;
    dangerouslySetInnerHTML?: {
        __html: string | TrustedHTML;
    };
    data?: string;
    datatype?: string;
    dateTime?: string;
    default?: boolean;
    defaultChecked?: boolean;
    defaultValue?: string | number | readonly string[];
    defer?: boolean;
    dir?: string;
    direction?: {
        2xl?:
            | "column"
            | "row"
            | "columnReverse"
            | "rowReverse";
        default?:
            | "column"
            | "row"
            | "columnReverse"
            | "rowReverse";
        lg?:
            | "column"
            | "row"
            | "columnReverse"
            | "rowReverse";
        md?:
            | "column"
            | "row"
            | "columnReverse"
            | "rowReverse";
        sm?:
            | "column"
            | "row"
            | "columnReverse"
            | "rowReverse";
        xl?:
            | "column"
            | "row"
            | "columnReverse"
            | "rowReverse";
    };
    disabled?: boolean;
    display?: {
        2xl?: "flex" | "inlineFlex";
        default?: "inlineFlex";
        lg?: "flex" | "inlineFlex";
        md?: "flex" | "inlineFlex";
        sm?: "flex" | "inlineFlex";
        xl?: "flex" | "inlineFlex";
    };
    download?: any;
    draggable?: Booleanish;
    encType?: string;
    enterKeyHint?:
        | "search"
        | "enter"
        | "done"
        | "go"
        | "next"
        | "previous"
        | "send";
    flex?: {
        2xl?:
            | "flexDefault"
            | "flexNone"
            | "flex_1"
            | "flex_2"
            | "flex_3"
            | "flex_4";
        default?:
            | "flexDefault"
            | "flexNone"
            | "flex_1"
            | "flex_2"
            | "flex_3"
            | "flex_4";
        lg?:
            | "flexDefault"
            | "flexNone"
            | "flex_1"
            | "flex_2"
            | "flex_3"
            | "flex_4";
        md?:
            | "flexDefault"
            | "flexNone"
            | "flex_1"
            | "flex_2"
            | "flex_3"
            | "flex_4";
        sm?:
            | "flexDefault"
            | "flexNone"
            | "flex_1"
            | "flex_2"
            | "flex_3"
            | "flex_4";
        xl?:
            | "flexDefault"
            | "flexNone"
            | "flex_1"
            | "flex_2"
            | "flex_3"
            | "flex_4";
    };
    flexWrap?: {
        2xl?: "wrap" | "nowrap" | "wrapReverse";
        default?: "wrap" | "nowrap" | "wrapReverse";
        lg?: "wrap" | "nowrap" | "wrapReverse";
        md?: "wrap" | "nowrap" | "wrapReverse";
        sm?: "wrap" | "nowrap" | "wrapReverse";
        xl?: "wrap" | "nowrap" | "wrapReverse";
    };
    form?: string;
    formAction?: string;
    formEncType?: string;
    formMethod?: string;
    formNoValidate?: boolean;
    formTarget?: string;
    frameBorder?: string | number;
    fullWidth?: {
        2xl?: "fullWidth";
        default?: "fullWidth";
        lg?: "fullWidth";
        md?: "fullWidth";
        sm?: "fullWidth";
        xl?: "fullWidth";
    };
    gap?: {
        2xl?:
            | "gap"
            | "gapNone"
            | "gapXs"
            | "gapSm"
            | "gapMd"
            | "gapLg"
            | "gapXl"
            | "gap2xl"
            | "gap3xl"
            | "gap4xl";
        default?:
            | "gap"
            | "gapNone"
            | "gapXs"
            | "gapSm"
            | "gapMd"
            | "gapLg"
            | "gapXl"
            | "gap2xl"
            | "gap3xl"
            | "gap4xl";
        lg?:
            | "gap"
            | "gapNone"
            | "gapXs"
            | "gapSm"
            | "gapMd"
            | "gapLg"
            | "gapXl"
            | "gap2xl"
            | "gap3xl"
            | "gap4xl";
        md?:
            | "gap"
            | "gapNone"
            | "gapXs"
            | "gapSm"
            | "gapMd"
            | "gapLg"
            | "gapXl"
            | "gap2xl"
            | "gap3xl"
            | "gap4xl";
        sm?:
            | "gap"
            | "gapNone"
            | "gapXs"
            | "gapSm"
            | "gapMd"
            | "gapLg"
            | "gapXl"
            | "gap2xl"
            | "gap3xl"
            | "gap4xl";
        xl?:
            | "gap"
            | "gapNone"
            | "gapXs"
            | "gapSm"
            | "gapMd"
            | "gapLg"
            | "gapXl"
            | "gap2xl"
            | "gap3xl"
            | "gap4xl";
    };
    grow?: {
        2xl?: "grow";
        default?: "grow";
        lg?: "grow";
        md?: "grow";
        sm?: "grow";
        xl?: "grow";
    };
    headers?: string;
    height?: string | number;
    hidden?: boolean;
    high?: number;
    href?: string;
    hrefLang?: string;
    htmlFor?: string;
    httpEquiv?: string;
    id?: string;
    inlist?: any;
    inputMode?:
        | "search"
        | "text"
        | "none"
        | "tel"
        | "url"
        | "email"
        | "numeric"
        | "decimal";
    integrity?: string;
    is?: string;
    itemID?: string;
    itemProp?: string;
    itemRef?: string;
    itemScope?: boolean;
    itemType?: string;
    justifyContent?: {
        2xl?:
            | "justifyContentFlexStart"
            | "justifyContentFlexEnd"
            | "justifyContentCenter"
            | "justifyContentSpaceBetween"
            | "justifyContentSpaceAround"
            | "justifyContentSpaceEvenly";
        default?:
            | "justifyContentFlexStart"
            | "justifyContentFlexEnd"
            | "justifyContentCenter"
            | "justifyContentSpaceBetween"
            | "justifyContentSpaceAround"
            | "justifyContentSpaceEvenly";
        lg?:
            | "justifyContentFlexStart"
            | "justifyContentFlexEnd"
            | "justifyContentCenter"
            | "justifyContentSpaceBetween"
            | "justifyContentSpaceAround"
            | "justifyContentSpaceEvenly";
        md?:
            | "justifyContentFlexStart"
            | "justifyContentFlexEnd"
            | "justifyContentCenter"
            | "justifyContentSpaceBetween"
            | "justifyContentSpaceAround"
            | "justifyContentSpaceEvenly";
        sm?:
            | "justifyContentFlexStart"
            | "justifyContentFlexEnd"
            | "justifyContentCenter"
            | "justifyContentSpaceBetween"
            | "justifyContentSpaceAround"
            | "justifyContentSpaceEvenly";
        xl?:
            | "justifyContentFlexStart"
            | "justifyContentFlexEnd"
            | "justifyContentCenter"
            | "justifyContentSpaceBetween"
            | "justifyContentSpaceAround"
            | "justifyContentSpaceEvenly";
    };
    key?: Key;
    keyParams?: string;
    keyType?: string;
    kind?: string;
    label?: string;
    lang?: string;
    list?: string;
    loop?: boolean;
    low?: number;
    manifest?: string;
    marginHeight?: number;
    marginWidth?: number;
    max?: string | number;
    maxLength?: number;
    media?: string;
    mediaGroup?: string;
    method?: string;
    min?: string | number;
    minLength?: number;
    multiple?: boolean;
    muted?: boolean;
    name?: string;
    nonce?: string;
    noValidate?: boolean;
    onAbort?: ReactEventHandler<HTMLDivElement>;
    onAbortCapture?: ReactEventHandler<HTMLDivElement>;
    onAnimationEnd?: AnimationEventHandler<HTMLDivElement>;
    onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement>;
    onAnimationIteration?: AnimationEventHandler<HTMLDivElement>;
    onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement>;
    onAnimationStart?: AnimationEventHandler<HTMLDivElement>;
    onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement>;
    onAuxClick?: MouseEventHandler<HTMLDivElement>;
    onAuxClickCapture?: MouseEventHandler<HTMLDivElement>;
    onBeforeInput?: FormEventHandler<HTMLDivElement>;
    onBeforeInputCapture?: FormEventHandler<HTMLDivElement>;
    onBlur?: FocusEventHandler<HTMLDivElement>;
    onBlurCapture?: FocusEventHandler<HTMLDivElement>;
    onCanPlay?: ReactEventHandler<HTMLDivElement>;
    onCanPlayCapture?: ReactEventHandler<HTMLDivElement>;
    onCanPlayThrough?: ReactEventHandler<HTMLDivElement>;
    onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>;
    onChange?: FormEventHandler<HTMLDivElement>;
    onChangeCapture?: FormEventHandler<HTMLDivElement>;
    onClick?: MouseEventHandler<HTMLDivElement>;
    onClickCapture?: MouseEventHandler<HTMLDivElement>;
    onCompositionEnd?: CompositionEventHandler<HTMLDivElement>;
    onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement>;
    onCompositionStart?: CompositionEventHandler<HTMLDivElement>;
    onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement>;
    onCompositionUpdate?: CompositionEventHandler<HTMLDivElement>;
    onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement>;
    onContextMenu?: MouseEventHandler<HTMLDivElement>;
    onContextMenuCapture?: MouseEventHandler<HTMLDivElement>;
    onCopy?: ClipboardEventHandler<HTMLDivElement>;
    onCopyCapture?: ClipboardEventHandler<HTMLDivElement>;
    onCut?: ClipboardEventHandler<HTMLDivElement>;
    onCutCapture?: ClipboardEventHandler<HTMLDivElement>;
    onDoubleClick?: MouseEventHandler<HTMLDivElement>;
    onDoubleClickCapture?: MouseEventHandler<HTMLDivElement>;
    onDrag?: DragEventHandler<HTMLDivElement>;
    onDragCapture?: DragEventHandler<HTMLDivElement>;
    onDragEnd?: DragEventHandler<HTMLDivElement>;
    onDragEndCapture?: DragEventHandler<HTMLDivElement>;
    onDragEnter?: DragEventHandler<HTMLDivElement>;
    onDragEnterCapture?: DragEventHandler<HTMLDivElement>;
    onDragExit?: DragEventHandler<HTMLDivElement>;
    onDragExitCapture?: DragEventHandler<HTMLDivElement>;
    onDragLeave?: DragEventHandler<HTMLDivElement>;
    onDragLeaveCapture?: DragEventHandler<HTMLDivElement>;
    onDragOver?: DragEventHandler<HTMLDivElement>;
    onDragOverCapture?: DragEventHandler<HTMLDivElement>;
    onDragStart?: DragEventHandler<HTMLDivElement>;
    onDragStartCapture?: DragEventHandler<HTMLDivElement>;
    onDrop?: DragEventHandler<HTMLDivElement>;
    onDropCapture?: DragEventHandler<HTMLDivElement>;
    onDurationChange?: ReactEventHandler<HTMLDivElement>;
    onDurationChangeCapture?: ReactEventHandler<HTMLDivElement>;
    onEmptied?: ReactEventHandler<HTMLDivElement>;
    onEmptiedCapture?: ReactEventHandler<HTMLDivElement>;
    onEncrypted?: ReactEventHandler<HTMLDivElement>;
    onEncryptedCapture?: ReactEventHandler<HTMLDivElement>;
    onEnded?: ReactEventHandler<HTMLDivElement>;
    onEndedCapture?: ReactEventHandler<HTMLDivElement>;
    onError?: ReactEventHandler<HTMLDivElement>;
    onErrorCapture?: ReactEventHandler<HTMLDivElement>;
    onFocus?: FocusEventHandler<HTMLDivElement>;
    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
    onGotPointerCapture?: PointerEventHandler<HTMLDivElement>;
    onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>;
    onInput?: FormEventHandler<HTMLDivElement>;
    onInputCapture?: FormEventHandler<HTMLDivElement>;
    onInvalid?: FormEventHandler<HTMLDivElement>;
    onInvalidCapture?: FormEventHandler<HTMLDivElement>;
    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
    onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>;
    onKeyPress?: KeyboardEventHandler<HTMLDivElement>;
    onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>;
    onKeyUp?: KeyboardEventHandler<HTMLDivElement>;
    onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>;
    onLoad?: ReactEventHandler<HTMLDivElement>;
    onLoadCapture?: ReactEventHandler<HTMLDivElement>;
    onLoadedData?: ReactEventHandler<HTMLDivElement>;
    onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>;
    onLoadedMetadata?: ReactEventHandler<HTMLDivElement>;
    onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>;
    onLoadStart?: ReactEventHandler<HTMLDivElement>;
    onLoadStartCapture?: ReactEventHandler<HTMLDivElement>;
    onLostPointerCapture?: PointerEventHandler<HTMLDivElement>;
    onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>;
    onMouseDown?: MouseEventHandler<HTMLDivElement>;
    onMouseDownCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
    onMouseMove?: MouseEventHandler<HTMLDivElement>;
    onMouseMoveCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseOut?: MouseEventHandler<HTMLDivElement>;
    onMouseOutCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseOver?: MouseEventHandler<HTMLDivElement>;
    onMouseOverCapture?: MouseEventHandler<HTMLDivElement>;
    onMouseUp?: MouseEventHandler<HTMLDivElement>;
    onMouseUpCapture?: MouseEventHandler<HTMLDivElement>;
    onPaste?: ClipboardEventHandler<HTMLDivElement>;
    onPasteCapture?: ClipboardEventHandler<HTMLDivElement>;
    onPause?: ReactEventHandler<HTMLDivElement>;
    onPauseCapture?: ReactEventHandler<HTMLDivElement>;
    onPlay?: ReactEventHandler<HTMLDivElement>;
    onPlayCapture?: ReactEventHandler<HTMLDivElement>;
    onPlaying?: ReactEventHandler<HTMLDivElement>;
    onPlayingCapture?: ReactEventHandler<HTMLDivElement>;
    onPointerCancel?: PointerEventHandler<HTMLDivElement>;
    onPointerCancelCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerDown?: PointerEventHandler<HTMLDivElement>;
    onPointerDownCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerEnter?: PointerEventHandler<HTMLDivElement>;
    onPointerLeave?: PointerEventHandler<HTMLDivElement>;
    onPointerMove?: PointerEventHandler<HTMLDivElement>;
    onPointerMoveCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerOut?: PointerEventHandler<HTMLDivElement>;
    onPointerOutCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerOver?: PointerEventHandler<HTMLDivElement>;
    onPointerOverCapture?: PointerEventHandler<HTMLDivElement>;
    onPointerUp?: PointerEventHandler<HTMLDivElement>;
    onPointerUpCapture?: PointerEventHandler<HTMLDivElement>;
    onProgress?: ReactEventHandler<HTMLDivElement>;
    onProgressCapture?: ReactEventHandler<HTMLDivElement>;
    onRateChange?: ReactEventHandler<HTMLDivElement>;
    onRateChangeCapture?: ReactEventHandler<HTMLDivElement>;
    onReset?: FormEventHandler<HTMLDivElement>;
    onResetCapture?: FormEventHandler<HTMLDivElement>;
    onResize?: ReactEventHandler<HTMLDivElement>;
    onResizeCapture?: ReactEventHandler<HTMLDivElement>;
    onScroll?: UIEventHandler<HTMLDivElement>;
    onScrollCapture?: UIEventHandler<HTMLDivElement>;
    onSeeked?: ReactEventHandler<HTMLDivElement>;
    onSeekedCapture?: ReactEventHandler<HTMLDivElement>;
    onSeeking?: ReactEventHandler<HTMLDivElement>;
    onSeekingCapture?: ReactEventHandler<HTMLDivElement>;
    onSelect?: ReactEventHandler<HTMLDivElement>;
    onSelectCapture?: ReactEventHandler<HTMLDivElement>;
    onStalled?: ReactEventHandler<HTMLDivElement>;
    onStalledCapture?: ReactEventHandler<HTMLDivElement>;
    onSubmit?: FormEventHandler<HTMLDivElement>;
    onSubmitCapture?: FormEventHandler<HTMLDivElement>;
    onSuspend?: ReactEventHandler<HTMLDivElement>;
    onSuspendCapture?: ReactEventHandler<HTMLDivElement>;
    onTimeUpdate?: ReactEventHandler<HTMLDivElement>;
    onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement>;
    onTouchCancel?: TouchEventHandler<HTMLDivElement>;
    onTouchCancelCapture?: TouchEventHandler<HTMLDivElement>;
    onTouchEnd?: TouchEventHandler<HTMLDivElement>;
    onTouchEndCapture?: TouchEventHandler<HTMLDivElement>;
    onTouchMove?: TouchEventHandler<HTMLDivElement>;
    onTouchMoveCapture?: TouchEventHandler<HTMLDivElement>;
    onTouchStart?: TouchEventHandler<HTMLDivElement>;
    onTouchStartCapture?: TouchEventHandler<HTMLDivElement>;
    onTransitionEnd?: TransitionEventHandler<HTMLDivElement>;
    onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>;
    onVolumeChange?: ReactEventHandler<HTMLDivElement>;
    onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement>;
    onWaiting?: ReactEventHandler<HTMLDivElement>;
    onWaitingCapture?: ReactEventHandler<HTMLDivElement>;
    onWheel?: WheelEventHandler<HTMLDivElement>;
    onWheelCapture?: WheelEventHandler<HTMLDivElement>;
    open?: boolean;
    optimum?: number;
    order?: {
        2xl?: string;
        default?: string;
        lg?: string;
        md?: string;
        xl?: string;
    };
    pattern?: string;
    placeholder?: string;
    playsInline?: boolean;
    poster?: string;
    prefix?: string;
    preload?: string;
    property?: string;
    radioGroup?: string;
    readOnly?: boolean;
    ref?: LegacyRef<HTMLDivElement>;
    rel?: string;
    required?: boolean;
    resource?: string;
    results?: number;
    rev?: string;
    reversed?: boolean;
    role?: AriaRole;
    rowGap?: {
        2xl?:
            | "rowGap"
            | "rowGapNone"
            | "rowGapXs"
            | "rowGapSm"
            | "rowGapMd"
            | "rowGapLg"
            | "rowGapXl"
            | "rowGap2xl"
            | "rowGap3xl"
            | "rowGap4xl";
        default?:
            | "rowGap"
            | "rowGapNone"
            | "rowGapXs"
            | "rowGapSm"
            | "rowGapMd"
            | "rowGapLg"
            | "rowGapXl"
            | "rowGap2xl"
            | "rowGap3xl"
            | "rowGap4xl";
        lg?:
            | "rowGap"
            | "rowGapNone"
            | "rowGapXs"
            | "rowGapSm"
            | "rowGapMd"
            | "rowGapLg"
            | "rowGapXl"
            | "rowGap2xl"
            | "rowGap3xl"
            | "rowGap4xl";
        md?:
            | "rowGap"
            | "rowGapNone"
            | "rowGapXs"
            | "rowGapSm"
            | "rowGapMd"
            | "rowGapLg"
            | "rowGapXl"
            | "rowGap2xl"
            | "rowGap3xl"
            | "rowGap4xl";
        sm?:
            | "rowGap"
            | "rowGapNone"
            | "rowGapXs"
            | "rowGapSm"
            | "rowGapMd"
            | "rowGapLg"
            | "rowGapXl"
            | "rowGap2xl"
            | "rowGap3xl"
            | "rowGap4xl";
        xl?:
            | "rowGap"
            | "rowGapNone"
            | "rowGapXs"
            | "rowGapSm"
            | "rowGapMd"
            | "rowGapLg"
            | "rowGapXl"
            | "rowGap2xl"
            | "rowGap3xl"
            | "rowGap4xl";
    };
    rows?: number;
    rowSpan?: number;
    sandbox?: string;
    scope?: string;
    scoped?: boolean;
    scrolling?: string;
    seamless?: boolean;
    security?: string;
    selected?: boolean;
    shape?: string;
    shrink?: {
        2xl?: "shrink";
        default?: "shrink";
        lg?: "shrink";
        md?: "shrink";
        sm?: "shrink";
        xl?: "shrink";
    };
    size?: number;
    sizes?: string;
    slot?: string;
    spaceItems?: {
        2xl?:
            | "spaceItemsNone"
            | "spaceItemsSm"
            | "spaceItemsMd"
            | "spaceItemsLg"
            | "spaceItemsXs"
            | "spaceItemsXl"
            | "spaceItems2xl"
            | "spaceItems3xl"
            | "spaceItems4xl";
        default?:
            | "spaceItemsNone"
            | "spaceItemsSm"
            | "spaceItemsMd"
            | "spaceItemsLg"
            | "spaceItemsXs"
            | "spaceItemsXl"
            | "spaceItems2xl"
            | "spaceItems3xl"
            | "spaceItems4xl";
        lg?:
            | "spaceItemsNone"
            | "spaceItemsSm"
            | "spaceItemsMd"
            | "spaceItemsLg"
            | "spaceItemsXs"
            | "spaceItemsXl"
            | "spaceItems2xl"
            | "spaceItems3xl"
            | "spaceItems4xl";
        md?:
            | "spaceItemsNone"
            | "spaceItemsSm"
            | "spaceItemsMd"
            | "spaceItemsLg"
            | "spaceItemsXs"
            | "spaceItemsXl"
            | "spaceItems2xl"
            | "spaceItems3xl"
            | "spaceItems4xl";
        sm?:
            | "spaceItemsNone"
            | "spaceItemsSm"
            | "spaceItemsMd"
            | "spaceItemsLg"
            | "spaceItemsXs"
            | "spaceItemsXl"
            | "spaceItems2xl"
            | "spaceItems3xl"
            | "spaceItems4xl";
        xl?:
            | "spaceItemsNone"
            | "spaceItemsSm"
            | "spaceItemsMd"
            | "spaceItemsLg"
            | "spaceItemsXs"
            | "spaceItemsXl"
            | "spaceItems2xl"
            | "spaceItems3xl"
            | "spaceItems4xl";
    };
    spacer?: {
        2xl?:
            | "spacerNone"
            | "spacerSm"
            | "spacerMd"
            | "spacerLg"
            | "spacerXs"
            | "spacerXl"
            | "spacer2xl"
            | "spacer3xl"
            | "spacer4xl";
        default?:
            | "spacerNone"
            | "spacerSm"
            | "spacerMd"
            | "spacerLg"
            | "spacerXs"
            | "spacerXl"
            | "spacer2xl"
            | "spacer3xl"
            | "spacer4xl";
        lg?:
            | "spacerNone"
            | "spacerSm"
            | "spacerMd"
            | "spacerLg"
            | "spacerXs"
            | "spacerXl"
            | "spacer2xl"
            | "spacer3xl"
            | "spacer4xl";
        md?:
            | "spacerNone"
            | "spacerSm"
            | "spacerMd"
            | "spacerLg"
            | "spacerXs"
            | "spacerXl"
            | "spacer2xl"
            | "spacer3xl"
            | "spacer4xl";
        sm?:
            | "spacerNone"
            | "spacerSm"
            | "spacerMd"
            | "spacerLg"
            | "spacerXs"
            | "spacerXl"
            | "spacer2xl"
            | "spacer3xl"
            | "spacer4xl";
        xl?:
            | "spacerNone"
            | "spacerSm"
            | "spacerMd"
            | "spacerLg"
            | "spacerXs"
            | "spacerXl"
            | "spacer2xl"
            | "spacer3xl"
            | "spacer4xl";
    };
    span?: number;
    spellCheck?: Booleanish;
    src?: string;
    srcDoc?: string;
    srcLang?: string;
    srcSet?: string;
    start?: number;
    step?: string | number;
    style?: CSSProperties;
    summary?: string;
    suppressContentEditableWarning?: boolean;
    suppressHydrationWarning?: boolean;
    tabIndex?: number;
    target?: string;
    title?: string;
    translate?: "yes" | "no";
    type?: string;
    typeof?: string;
    unselectable?: "off" | "on";
    useMap?: string;
    value?: string | number | readonly string[];
    vocab?: string;
    width?: string | number;
    wmode?: string;
    wrap?: string;
}

Hierarchy

  • HTMLProps<HTMLDivElement>
    • FlexProps

Properties

about? accept? acceptCharset? accessKey? action? align? alignContent? alignItems? alignSelf? allowFullScreen? allowTransparency? alt? aria-activedescendant? aria-atomic? aria-autocomplete? aria-braillelabel? aria-brailleroledescription? aria-busy? aria-checked? aria-colcount? aria-colindex? aria-colindextext? aria-colspan? aria-controls? aria-current? aria-describedby? aria-description? aria-details? aria-disabled? aria-dropeffect? aria-errormessage? aria-expanded? aria-flowto? aria-grabbed? aria-haspopup? aria-hidden? aria-invalid? aria-keyshortcuts? aria-label? aria-labelledby? aria-level? aria-live? aria-modal? aria-multiline? aria-multiselectable? aria-orientation? aria-owns? aria-placeholder? aria-posinset? aria-pressed? aria-readonly? aria-relevant? aria-required? aria-roledescription? aria-rowcount? aria-rowindex? aria-rowindextext? aria-rowspan? aria-selected? aria-setsize? aria-sort? aria-valuemax? aria-valuemin? aria-valuenow? aria-valuetext? as? async? autoCapitalize? autoComplete? autoCorrect? autoFocus? autoPlay? autoSave? capture? cellPadding? cellSpacing? challenge? charSet? checked? children? cite? classID? className? color? cols? colSpan? columnGap? component? content? contentEditable? contextMenu? controls? coords? crossOrigin? dangerouslySetInnerHTML? data? datatype? dateTime? default? defaultChecked? defaultValue? defer? dir? direction? disabled? display? download? draggable? encType? enterKeyHint? flex? flexWrap? form? formAction? formEncType? formMethod? formNoValidate? formTarget? frameBorder? fullWidth? gap? grow? headers? height? hidden? high? href? hrefLang? htmlFor? httpEquiv? id? inlist? inputMode? integrity? is? itemID? itemProp? itemRef? itemScope? itemType? justifyContent? key? keyParams? keyType? kind? label? lang? list? loop? low? manifest? marginHeight? marginWidth? max? maxLength? media? mediaGroup? method? min? minLength? multiple? muted? name? nonce? noValidate? onAbort? onAbortCapture? onAnimationEnd? onAnimationEndCapture? onAnimationIteration? onAnimationIterationCapture? onAnimationStart? onAnimationStartCapture? onAuxClick? onAuxClickCapture? onBeforeInput? onBeforeInputCapture? onBlur? onBlurCapture? onCanPlay? onCanPlayCapture? onCanPlayThrough? onCanPlayThroughCapture? onChange? onChangeCapture? onClick? onClickCapture? onCompositionEnd? onCompositionEndCapture? onCompositionStart? onCompositionStartCapture? onCompositionUpdate? onCompositionUpdateCapture? onContextMenu? onContextMenuCapture? onCopy? onCopyCapture? onCut? onCutCapture? onDoubleClick? onDoubleClickCapture? onDrag? onDragCapture? onDragEnd? onDragEndCapture? onDragEnter? onDragEnterCapture? onDragExit? onDragExitCapture? onDragLeave? onDragLeaveCapture? onDragOver? onDragOverCapture? onDragStart? onDragStartCapture? onDrop? onDropCapture? onDurationChange? onDurationChangeCapture? onEmptied? onEmptiedCapture? onEncrypted? onEncryptedCapture? onEnded? onEndedCapture? onError? onErrorCapture? onFocus? onFocusCapture? onGotPointerCapture? onGotPointerCaptureCapture? onInput? onInputCapture? onInvalid? onInvalidCapture? onKeyDown? onKeyDownCapture? onKeyPress? onKeyPressCapture? onKeyUp? onKeyUpCapture? onLoad? onLoadCapture? onLoadedData? onLoadedDataCapture? onLoadedMetadata? onLoadedMetadataCapture? onLoadStart? onLoadStartCapture? onLostPointerCapture? onLostPointerCaptureCapture? onMouseDown? onMouseDownCapture? onMouseEnter? onMouseLeave? onMouseMove? onMouseMoveCapture? onMouseOut? onMouseOutCapture? onMouseOver? onMouseOverCapture? onMouseUp? onMouseUpCapture? onPaste? onPasteCapture? onPause? onPauseCapture? onPlay? onPlayCapture? onPlaying? onPlayingCapture? onPointerCancel? onPointerCancelCapture? onPointerDown? onPointerDownCapture? onPointerEnter? onPointerLeave? onPointerMove? onPointerMoveCapture? onPointerOut? onPointerOutCapture? onPointerOver? onPointerOverCapture? onPointerUp? onPointerUpCapture? onProgress? onProgressCapture? onRateChange? onRateChangeCapture? onReset? onResetCapture? onResize? onResizeCapture? onScroll? onScrollCapture? onSeeked? onSeekedCapture? onSeeking? onSeekingCapture? onSelect? onSelectCapture? onStalled? onStalledCapture? onSubmit? onSubmitCapture? onSuspend? onSuspendCapture? onTimeUpdate? onTimeUpdateCapture? onTouchCancel? onTouchCancelCapture? onTouchEnd? onTouchEndCapture? onTouchMove? onTouchMoveCapture? onTouchStart? onTouchStartCapture? onTransitionEnd? onTransitionEndCapture? onVolumeChange? onVolumeChangeCapture? onWaiting? onWaitingCapture? onWheel? onWheelCapture? open? optimum? order? pattern? placeholder? playsInline? poster? prefix? preload? property? radioGroup? readOnly? ref? rel? required? resource? results? rev? reversed? role? rowGap? rows? rowSpan? sandbox? scope? scoped? scrolling? seamless? security? selected? shape? shrink? size? sizes? slot? spaceItems? spacer? span? spellCheck? src? srcDoc? srcLang? srcSet? start? step? style? summary? suppressContentEditableWarning? suppressHydrationWarning? tabIndex? target? title? translate? type? typeof? unselectable? useMap? value? vocab? width? wmode? wrap?

Properties

Optionalabout

about?: string

Optionalaccept

accept?: string

OptionalacceptCharset

acceptCharset?: string

OptionalaccessKey

accessKey?: string

Optionalaction

action?: string

Optionalalign

align?: {
    2xl?: "alignRight" | "alignLeft";
    default?: "alignRight" | "alignLeft";
    lg?: "alignRight" | "alignLeft";
    md?: "alignRight" | "alignLeft";
    sm?: "alignRight" | "alignLeft";
    xl?: "alignRight" | "alignLeft";
}

Value to use for margin: auto at various breakpoints

OptionalalignContent

alignContent?: {
    2xl?:
        | "alignContentFlexStart"
        | "alignContentFlexEnd"
        | "alignContentCenter"
        | "alignContentStretch"
        | "alignContentSpaceBetween"
        | "alignContentSpaceAround";
    default?:
        | "alignContentFlexStart"
        | "alignContentFlexEnd"
        | "alignContentCenter"
        | "alignContentStretch"
        | "alignContentSpaceBetween"
        | "alignContentSpaceAround";
    lg?:
        | "alignContentFlexStart"
        | "alignContentFlexEnd"
        | "alignContentCenter"
        | "alignContentStretch"
        | "alignContentSpaceBetween"
        | "alignContentSpaceAround";
    md?:
        | "alignContentFlexStart"
        | "alignContentFlexEnd"
        | "alignContentCenter"
        | "alignContentStretch"
        | "alignContentSpaceBetween"
        | "alignContentSpaceAround";
    sm?:
        | "alignContentFlexStart"
        | "alignContentFlexEnd"
        | "alignContentCenter"
        | "alignContentStretch"
        | "alignContentSpaceBetween"
        | "alignContentSpaceAround";
    xl?:
        | "alignContentFlexStart"
        | "alignContentFlexEnd"
        | "alignContentCenter"
        | "alignContentStretch"
        | "alignContentSpaceBetween"
        | "alignContentSpaceAround";
}

Value to add for align-content property at various breakpoints

OptionalalignItems

alignItems?: {
    2xl?:
        | "alignItemsFlexStart"
        | "alignItemsFlexEnd"
        | "alignItemsCenter"
        | "alignItemsStretch"
        | "alignItemsBaseline";
    default?:
        | "alignItemsFlexStart"
        | "alignItemsFlexEnd"
        | "alignItemsCenter"
        | "alignItemsStretch"
        | "alignItemsBaseline";
    lg?:
        | "alignItemsFlexStart"
        | "alignItemsFlexEnd"
        | "alignItemsCenter"
        | "alignItemsStretch"
        | "alignItemsBaseline";
    md?:
        | "alignItemsFlexStart"
        | "alignItemsFlexEnd"
        | "alignItemsCenter"
        | "alignItemsStretch"
        | "alignItemsBaseline";
    sm?:
        | "alignItemsFlexStart"
        | "alignItemsFlexEnd"
        | "alignItemsCenter"
        | "alignItemsStretch"
        | "alignItemsBaseline";
    xl?:
        | "alignItemsFlexStart"
        | "alignItemsFlexEnd"
        | "alignItemsCenter"
        | "alignItemsStretch"
        | "alignItemsBaseline";
}

Value to add for align-items property at various breakpoints

OptionalalignSelf

alignSelf?: {
    2xl?:
        | "alignSelfFlexStart"
        | "alignSelfFlexEnd"
        | "alignSelfCenter"
        | "alignSelfStretch"
        | "alignSelfBaseline";
    default?:
        | "alignSelfFlexStart"
        | "alignSelfFlexEnd"
        | "alignSelfCenter"
        | "alignSelfStretch"
        | "alignSelfBaseline";
    lg?:
        | "alignSelfFlexStart"
        | "alignSelfFlexEnd"
        | "alignSelfCenter"
        | "alignSelfStretch"
        | "alignSelfBaseline";
    md?:
        | "alignSelfFlexStart"
        | "alignSelfFlexEnd"
        | "alignSelfCenter"
        | "alignSelfStretch"
        | "alignSelfBaseline";
    sm?:
        | "alignSelfFlexStart"
        | "alignSelfFlexEnd"
        | "alignSelfCenter"
        | "alignSelfStretch"
        | "alignSelfBaseline";
    xl?:
        | "alignSelfFlexStart"
        | "alignSelfFlexEnd"
        | "alignSelfCenter"
        | "alignSelfStretch"
        | "alignSelfBaseline";
}

Value to add for align-self property at various breakpoints

OptionalallowFullScreen

allowFullScreen?: boolean

OptionalallowTransparency

allowTransparency?: boolean

Optionalalt

alt?: string

Optionalaria-activedescendant

aria-activedescendant?: string

Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.

Optionalaria-atomic

aria-atomic?: Booleanish

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.

Optionalaria-autocomplete

aria-autocomplete?:
    | "list"
    | "inline"
    | "none"
    | "both"

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.

Optionalaria-braillelabel

aria-braillelabel?: string

Defines a string value that labels the current element, which is intended to be converted into Braille.

See

aria-label.

Optionalaria-brailleroledescription

aria-brailleroledescription?: string

Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.

See

aria-roledescription.

Optionalaria-busy

aria-busy?: Booleanish

Optionalaria-checked

aria-checked?:
    | boolean
    | "true"
    | "false"
    | "mixed"

Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.

See

  • aria-pressed
  • aria-selected.

Optionalaria-colcount

aria-colcount?: number

Defines the total number of columns in a table, grid, or treegrid.

See

aria-colindex.

Optionalaria-colindex

aria-colindex?: number

Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.

See

  • aria-colcount
  • aria-colspan.

Optionalaria-colindextext

aria-colindextext?: string

Defines a human readable text alternative of aria-colindex.

See

aria-rowindextext.

Optionalaria-colspan

aria-colspan?: number

Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.

See

  • aria-colindex
  • aria-rowspan.

Optionalaria-controls

aria-controls?: string

Identifies the element (or elements) whose contents or presence are controlled by the current element.

See

aria-owns.

Optionalaria-current

aria-current?:
    | boolean
    | "step"
    | "time"
    | "location"
    | "true"
    | "false"
    | "page"
    | "date"

Indicates the element that represents the current item within a container or set of related elements.

Optionalaria-describedby

aria-describedby?: string

Identifies the element (or elements) that describes the object.

See

aria-labelledby

Optionalaria-description

aria-description?: string

Defines a string value that describes or annotates the current element.

See

related aria-describedby.

Optionalaria-details

aria-details?: string

Identifies the element that provides a detailed, extended description for the object.

See

aria-describedby.

Optionalaria-disabled

aria-disabled?: Booleanish

Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

See

  • aria-hidden
  • aria-readonly.

Optionalaria-dropeffect

aria-dropeffect?:
    | "link"
    | "copy"
    | "move"
    | "none"
    | "execute"
    | "popup"

Indicates what functions can be performed when a dragged object is released on the drop target.

Deprecated

in ARIA 1.1

Optionalaria-errormessage

aria-errormessage?: string

Identifies the element that provides an error message for the object.

See

  • aria-invalid
  • aria-describedby.

Optionalaria-expanded

aria-expanded?: Booleanish

Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.

Optionalaria-flowto

aria-flowto?: string

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.

Optionalaria-grabbed

aria-grabbed?: Booleanish

Indicates an element's "grabbed" state in a drag-and-drop operation.

Deprecated

in ARIA 1.1

Optionalaria-haspopup

aria-haspopup?:
    | boolean
    | "dialog"
    | "menu"
    | "grid"
    | "true"
    | "false"
    | "listbox"
    | "tree"

Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.

Optionalaria-hidden

aria-hidden?: Booleanish

Indicates whether the element is exposed to an accessibility API.

See

aria-disabled.

Optionalaria-invalid

aria-invalid?:
    | boolean
    | "true"
    | "false"
    | "grammar"
    | "spelling"

Indicates the entered value does not conform to the format expected by the application.

See

aria-errormessage.

Optionalaria-keyshortcuts

aria-keyshortcuts?: string

Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.

Optionalaria-label

aria-label?: string

Defines a string value that labels the current element.

See

aria-labelledby.

Optionalaria-labelledby

aria-labelledby?: string

Identifies the element (or elements) that labels the current element.

See

aria-describedby.

Optionalaria-level

aria-level?: number

Defines the hierarchical level of an element within a structure.

Optionalaria-live

aria-live?: "off" | "assertive" | "polite"

Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.

Optionalaria-modal

aria-modal?: Booleanish

Indicates whether an element is modal when displayed.

Optionalaria-multiline

aria-multiline?: Booleanish

Indicates whether a text box accepts multiple lines of input or only a single line.

Optionalaria-multiselectable

aria-multiselectable?: Booleanish

Indicates that the user may select more than one item from the current selectable descendants.

Optionalaria-orientation

aria-orientation?: "horizontal" | "vertical"

Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.

Optionalaria-owns

aria-owns?: string

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.

See

aria-controls.

Optionalaria-placeholder

aria-placeholder?: string

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.

Optionalaria-posinset

aria-posinset?: number

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.

See

aria-setsize.

Optionalaria-pressed

aria-pressed?:
    | boolean
    | "true"
    | "false"
    | "mixed"

Indicates the current "pressed" state of toggle buttons.

See

  • aria-checked
  • aria-selected.

Optionalaria-readonly

aria-readonly?: Booleanish

Indicates that the element is not editable, but is otherwise operable.

See

aria-disabled.

Optionalaria-relevant

aria-relevant?:
    | "text"
    | "additions"
    | "additions removals"
    | "additions text"
    | "all"
    | "removals"
    | "removals additions"
    | "removals text"
    | "text additions"
    | "text removals"

Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.

See

aria-atomic.

Optionalaria-required

aria-required?: Booleanish

Indicates that user input is required on the element before a form may be submitted.

Optionalaria-roledescription

aria-roledescription?: string

Defines a human-readable, author-localized description for the role of an element.

Optionalaria-rowcount

aria-rowcount?: number

Defines the total number of rows in a table, grid, or treegrid.

See

aria-rowindex.

Optionalaria-rowindex

aria-rowindex?: number

Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.

See

  • aria-rowcount
  • aria-rowspan.

Optionalaria-rowindextext

aria-rowindextext?: string

Defines a human readable text alternative of aria-rowindex.

See

aria-colindextext.

Optionalaria-rowspan

aria-rowspan?: number

Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.

See

  • aria-rowindex
  • aria-colspan.

Optionalaria-selected

aria-selected?: Booleanish

Indicates the current "selected" state of various widgets.

See

  • aria-checked
  • aria-pressed.

Optionalaria-setsize

aria-setsize?: number

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.

See

aria-posinset.

Optionalaria-sort

aria-sort?:
    | "none"
    | "ascending"
    | "descending"
    | "other"

Indicates if items in a table or grid are sorted in ascending or descending order.

Optionalaria-valuemax

aria-valuemax?: number

Defines the maximum allowed value for a range widget.

Optionalaria-valuemin

aria-valuemin?: number

Defines the minimum allowed value for a range widget.

Optionalaria-valuenow

aria-valuenow?: number

Defines the current value for a range widget.

See

aria-valuetext.

Optionalaria-valuetext

aria-valuetext?: string

Defines the human readable text alternative of aria-valuenow for a range widget.

Optionalas

as?: string

Optionalasync

async?: boolean

OptionalautoCapitalize

autoCapitalize?:
    | string & {}
    | "none"
    | "off"
    | "on"
    | "sentences"
    | "words"
    | "characters"

OptionalautoComplete

autoComplete?: string

OptionalautoCorrect

autoCorrect?: string

OptionalautoFocus

autoFocus?: boolean

OptionalautoPlay

autoPlay?: boolean

OptionalautoSave

autoSave?: string

Optionalcapture

capture?: boolean | "user" | "environment"

OptionalcellPadding

cellPadding?: string | number

OptionalcellSpacing

cellSpacing?: string | number

Optionalchallenge

challenge?: string

OptionalcharSet

charSet?: string

Optionalchecked

checked?: boolean

Optionalchildren

children?: ReactNode

content rendered inside the Flex layout

Optionalcite

cite?: string

OptionalclassID

classID?: string

OptionalclassName

className?: string

additional classes added to the Flex layout

Optionalcolor

color?: string

Optionalcols

cols?: number

OptionalcolSpan

colSpan?: number

OptionalcolumnGap

columnGap?: {
    2xl?:
        | "columnGap"
        | "columnGapNone"
        | "columnGapXs"
        | "columnGapSm"
        | "columnGapMd"
        | "columnGapLg"
        | "columnGapXl"
        | "columnGap2xl"
        | "columnGap3xl"
        | "columnGap4xl";
    default?:
        | "columnGap"
        | "columnGapNone"
        | "columnGapXs"
        | "columnGapSm"
        | "columnGapMd"
        | "columnGapLg"
        | "columnGapXl"
        | "columnGap2xl"
        | "columnGap3xl"
        | "columnGap4xl";
    lg?:
        | "columnGap"
        | "columnGapNone"
        | "columnGapXs"
        | "columnGapSm"
        | "columnGapMd"
        | "columnGapLg"
        | "columnGapXl"
        | "columnGap2xl"
        | "columnGap3xl"
        | "columnGap4xl";
    md?:
        | "columnGap"
        | "columnGapNone"
        | "columnGapXs"
        | "columnGapSm"
        | "columnGapMd"
        | "columnGapLg"
        | "columnGapXl"
        | "columnGap2xl"
        | "columnGap3xl"
        | "columnGap4xl";
    sm?:
        | "columnGap"
        | "columnGapNone"
        | "columnGapXs"
        | "columnGapSm"
        | "columnGapMd"
        | "columnGapLg"
        | "columnGapXl"
        | "columnGap2xl"
        | "columnGap3xl"
        | "columnGap4xl";
    xl?:
        | "columnGap"
        | "columnGapNone"
        | "columnGapXs"
        | "columnGapSm"
        | "columnGapMd"
        | "columnGapLg"
        | "columnGapXl"
        | "columnGap2xl"
        | "columnGap3xl"
        | "columnGap4xl";
}

Gap beween columns at various breakpoints. This will override spacers for the main axis.

Optionalcomponent

component?:
    | "symbol"
    | "object"
    | ComponentClass<any, any>
    | FunctionComponent<any>
    | "search"
    | "big"
    | "link"
    | "small"
    | "sub"
    | "sup"
    | "div"
    | "ul"
    | "style"
    | "h1"
    | "li"
    | "cite"
    | "data"
    | "form"
    | "label"
    | "pattern"
    | "span"
    | "summary"
    | "slot"
    | "title"
    | "a"
    | "abbr"
    | "address"
    | "area"
    | "article"
    | "aside"
    | "audio"
    | "b"
    | "base"
    | "bdi"
    | "bdo"
    | "blockquote"
    | "body"
    | "br"
    | "button"
    | "canvas"
    | "caption"
    | "code"
    | "col"
    | "colgroup"
    | "datalist"
    | "dd"
    | "del"
    | "details"
    | "dfn"
    | "dialog"
    | "dl"
    | "dt"
    | "em"
    | "embed"
    | "fieldset"
    | "figcaption"
    | "figure"
    | "footer"
    | "h2"
    | "h3"
    | "h4"
    | "h5"
    | "h6"
    | "head"
    | "header"
    | "hgroup"
    | "hr"
    | "html"
    | "i"
    | "iframe"
    | "img"
    | "input"
    | "ins"
    | "kbd"
    | "legend"
    | "main"
    | "map"
    | "mark"
    | "menu"
    | "meta"
    | "meter"
    | "nav"
    | "noscript"
    | "ol"
    | "optgroup"
    | "option"
    | "output"
    | "p"
    | "picture"
    | "pre"
    | "progress"
    | "q"
    | "rp"
    | "rt"
    | "ruby"
    | "s"
    | "samp"
    | "script"
    | "section"
    | "select"
    | "source"
    | "strong"
    | "table"
    | "tbody"
    | "td"
    | "template"
    | "textarea"
    | "tfoot"
    | "th"
    | "thead"
    | "time"
    | "tr"
    | "track"
    | "u"
    | "var"
    | "video"
    | "wbr"
    | "filter"
    | "set"
    | "center"
    | "text"
    | "keygen"
    | "menuitem"
    | "param"
    | "webview"
    | "animate"
    | "circle"
    | "clipPath"
    | "defs"
    | "desc"
    | "ellipse"
    | "feBlend"
    | "feColorMatrix"
    | "feComponentTransfer"
    | "feComposite"
    | "feConvolveMatrix"
    | "feDiffuseLighting"
    | "feDisplacementMap"
    | "feDistantLight"
    | "feDropShadow"
    | "feFlood"
    | "feFuncA"
    | "feFuncB"
    | "feFuncG"
    | "feFuncR"
    | "feGaussianBlur"
    | "feImage"
    | "feMerge"
    | "feMergeNode"
    | "feMorphology"
    | "feOffset"
    | "fePointLight"
    | "feSpecularLighting"
    | "feSpotLight"
    | "feTile"
    | "feTurbulence"
    | "foreignObject"
    | "g"
    | "image"
    | "line"
    | "linearGradient"
    | "marker"
    | "mask"
    | "metadata"
    | "path"
    | "polygon"
    | "polyline"
    | "radialGradient"
    | "rect"
    | "stop"
    | "svg"
    | "switch"
    | "textPath"
    | "tspan"
    | "use"
    | "view"
    | "noindex"
    | "animateMotion"
    | "animateTransform"
    | "mpath"

Sets the base component to render. defaults to div

Optionalcontent

content?: string

OptionalcontentEditable

contentEditable?: "inherit" | Booleanish | "plaintext-only"

OptionalcontextMenu

contextMenu?: string

Optionalcontrols

controls?: boolean

Optionalcoords

coords?: string

OptionalcrossOrigin

crossOrigin?: CrossOrigin

OptionaldangerouslySetInnerHTML

dangerouslySetInnerHTML?: {
    __html: string | TrustedHTML;
}

Optionaldata

data?: string

Optionaldatatype

datatype?: string

OptionaldateTime

dateTime?: string

Optionaldefault

default?: boolean

OptionaldefaultChecked

defaultChecked?: boolean

OptionaldefaultValue

defaultValue?: string | number | readonly string[]

Optionaldefer

defer?: boolean

Optionaldir

dir?: string

Optionaldirection

direction?: {
    2xl?:
        | "column"
        | "row"
        | "columnReverse"
        | "rowReverse";
    default?:
        | "column"
        | "row"
        | "columnReverse"
        | "rowReverse";
    lg?:
        | "column"
        | "row"
        | "columnReverse"
        | "rowReverse";
    md?:
        | "column"
        | "row"
        | "columnReverse"
        | "rowReverse";
    sm?:
        | "column"
        | "row"
        | "columnReverse"
        | "rowReverse";
    xl?:
        | "column"
        | "row"
        | "columnReverse"
        | "rowReverse";
}

Value to add for flex-direction property at various breakpoints

Optionaldisabled

disabled?: boolean

Optionaldisplay

display?: {
    2xl?: "flex" | "inlineFlex";
    default?: "inlineFlex";
    lg?: "flex" | "inlineFlex";
    md?: "flex" | "inlineFlex";
    sm?: "flex" | "inlineFlex";
    xl?: "flex" | "inlineFlex";
}

Value to set to display property at various breakpoints

Optionaldownload

download?: any

Optionaldraggable

draggable?: Booleanish

OptionalencType

encType?: string

OptionalenterKeyHint

enterKeyHint?:
    | "search"
    | "enter"
    | "done"
    | "go"
    | "next"
    | "previous"
    | "send"

Optionalflex

flex?: {
    2xl?:
        | "flexDefault"
        | "flexNone"
        | "flex_1"
        | "flex_2"
        | "flex_3"
        | "flex_4";
    default?:
        | "flexDefault"
        | "flexNone"
        | "flex_1"
        | "flex_2"
        | "flex_3"
        | "flex_4";
    lg?:
        | "flexDefault"
        | "flexNone"
        | "flex_1"
        | "flex_2"
        | "flex_3"
        | "flex_4";
    md?:
        | "flexDefault"
        | "flexNone"
        | "flex_1"
        | "flex_2"
        | "flex_3"
        | "flex_4";
    sm?:
        | "flexDefault"
        | "flexNone"
        | "flex_1"
        | "flex_2"
        | "flex_3"
        | "flex_4";
    xl?:
        | "flexDefault"
        | "flexNone"
        | "flex_1"
        | "flex_2"
        | "flex_3"
        | "flex_4";
}

Value to add for flex property at various breakpoints

OptionalflexWrap

flexWrap?: {
    2xl?: "wrap" | "nowrap" | "wrapReverse";
    default?: "wrap" | "nowrap" | "wrapReverse";
    lg?: "wrap" | "nowrap" | "wrapReverse";
    md?: "wrap" | "nowrap" | "wrapReverse";
    sm?: "wrap" | "nowrap" | "wrapReverse";
    xl?: "wrap" | "nowrap" | "wrapReverse";
}

Value to set for flex-wrap property at various breakpoints

Optionalform

form?: string

OptionalformAction

formAction?: string

OptionalformEncType

formEncType?: string

OptionalformMethod

formMethod?: string

OptionalformNoValidate

formNoValidate?: boolean

OptionalformTarget

formTarget?: string

OptionalframeBorder

frameBorder?: string | number

OptionalfullWidth

fullWidth?: {
    2xl?: "fullWidth";
    default?: "fullWidth";
    lg?: "fullWidth";
    md?: "fullWidth";
    sm?: "fullWidth";
    xl?: "fullWidth";
}

Whether to set width: 100% at various breakpoints

Optionalgap

gap?: {
    2xl?:
        | "gap"
        | "gapNone"
        | "gapXs"
        | "gapSm"
        | "gapMd"
        | "gapLg"
        | "gapXl"
        | "gap2xl"
        | "gap3xl"
        | "gap4xl";
    default?:
        | "gap"
        | "gapNone"
        | "gapXs"
        | "gapSm"
        | "gapMd"
        | "gapLg"
        | "gapXl"
        | "gap2xl"
        | "gap3xl"
        | "gap4xl";
    lg?:
        | "gap"
        | "gapNone"
        | "gapXs"
        | "gapSm"
        | "gapMd"
        | "gapLg"
        | "gapXl"
        | "gap2xl"
        | "gap3xl"
        | "gap4xl";
    md?:
        | "gap"
        | "gapNone"
        | "gapXs"
        | "gapSm"
        | "gapMd"
        | "gapLg"
        | "gapXl"
        | "gap2xl"
        | "gap3xl"
        | "gap4xl";
    sm?:
        | "gap"
        | "gapNone"
        | "gapXs"
        | "gapSm"
        | "gapMd"
        | "gapLg"
        | "gapXl"
        | "gap2xl"
        | "gap3xl"
        | "gap4xl";
    xl?:
        | "gap"
        | "gapNone"
        | "gapXs"
        | "gapSm"
        | "gapMd"
        | "gapLg"
        | "gapXl"
        | "gap2xl"
        | "gap3xl"
        | "gap4xl";
}

Gap between items at various breakpoints. This will override spacers for the main axis.

Optionalgrow

grow?: {
    2xl?: "grow";
    default?: "grow";
    lg?: "grow";
    md?: "grow";
    sm?: "grow";
    xl?: "grow";
}

Whether to add flex: grow at various breakpoints

Optionalheaders

headers?: string

Optionalheight

height?: string | number

Optionalhidden

hidden?: boolean

Optionalhigh

high?: number

Optionalhref

href?: string

OptionalhrefLang

hrefLang?: string

OptionalhtmlFor

htmlFor?: string

OptionalhttpEquiv

httpEquiv?: string

Optionalid

id?: string

Optionalinlist

inlist?: any

OptionalinputMode

inputMode?:
    | "search"
    | "text"
    | "none"
    | "tel"
    | "url"
    | "email"
    | "numeric"
    | "decimal"

Hints at the type of data that might be entered by the user while editing the element or its contents

See

https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute

Optionalintegrity

integrity?: string

Optionalis

is?: string

Specify that a standard HTML element should behave like a defined custom built-in element

See

https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is

OptionalitemID

itemID?: string

OptionalitemProp

itemProp?: string

OptionalitemRef

itemRef?: string

OptionalitemScope

itemScope?: boolean

OptionalitemType

itemType?: string

OptionaljustifyContent

justifyContent?: {
    2xl?:
        | "justifyContentFlexStart"
        | "justifyContentFlexEnd"
        | "justifyContentCenter"
        | "justifyContentSpaceBetween"
        | "justifyContentSpaceAround"
        | "justifyContentSpaceEvenly";
    default?:
        | "justifyContentFlexStart"
        | "justifyContentFlexEnd"
        | "justifyContentCenter"
        | "justifyContentSpaceBetween"
        | "justifyContentSpaceAround"
        | "justifyContentSpaceEvenly";
    lg?:
        | "justifyContentFlexStart"
        | "justifyContentFlexEnd"
        | "justifyContentCenter"
        | "justifyContentSpaceBetween"
        | "justifyContentSpaceAround"
        | "justifyContentSpaceEvenly";
    md?:
        | "justifyContentFlexStart"
        | "justifyContentFlexEnd"
        | "justifyContentCenter"
        | "justifyContentSpaceBetween"
        | "justifyContentSpaceAround"
        | "justifyContentSpaceEvenly";
    sm?:
        | "justifyContentFlexStart"
        | "justifyContentFlexEnd"
        | "justifyContentCenter"
        | "justifyContentSpaceBetween"
        | "justifyContentSpaceAround"
        | "justifyContentSpaceEvenly";
    xl?:
        | "justifyContentFlexStart"
        | "justifyContentFlexEnd"
        | "justifyContentCenter"
        | "justifyContentSpaceBetween"
        | "justifyContentSpaceAround"
        | "justifyContentSpaceEvenly";
}

Value to add for justify-content property at various breakpoints

Optionalkey

key?: Key

OptionalkeyParams

keyParams?: string

OptionalkeyType

keyType?: string

Optionalkind

kind?: string

Optionallabel

label?: string

Optionallang

lang?: string

Optionallist

list?: string

Optionalloop

loop?: boolean

Optionallow

low?: number

Optionalmanifest

manifest?: string

OptionalmarginHeight

marginHeight?: number

OptionalmarginWidth

marginWidth?: number

Optionalmax

max?: string | number

OptionalmaxLength

maxLength?: number

Optionalmedia

media?: string

OptionalmediaGroup

mediaGroup?: string

Optionalmethod

method?: string

Optionalmin

min?: string | number

OptionalminLength

minLength?: number

Optionalmultiple

multiple?: boolean

Optionalmuted

muted?: boolean

Optionalname

name?: string

Optionalnonce

nonce?: string

OptionalnoValidate

noValidate?: boolean

OptionalonAbort

onAbort?: ReactEventHandler<HTMLDivElement>

OptionalonAbortCapture

onAbortCapture?: ReactEventHandler<HTMLDivElement>

OptionalonAnimationEnd

onAnimationEnd?: AnimationEventHandler<HTMLDivElement>

OptionalonAnimationEndCapture

onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement>

OptionalonAnimationIteration

onAnimationIteration?: AnimationEventHandler<HTMLDivElement>

OptionalonAnimationIterationCapture

onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement>

OptionalonAnimationStart

onAnimationStart?: AnimationEventHandler<HTMLDivElement>

OptionalonAnimationStartCapture

onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement>

OptionalonAuxClick

onAuxClick?: MouseEventHandler<HTMLDivElement>

OptionalonAuxClickCapture

onAuxClickCapture?: MouseEventHandler<HTMLDivElement>

OptionalonBeforeInput

onBeforeInput?: FormEventHandler<HTMLDivElement>

OptionalonBeforeInputCapture

onBeforeInputCapture?: FormEventHandler<HTMLDivElement>

OptionalonBlur

onBlur?: FocusEventHandler<HTMLDivElement>

OptionalonBlurCapture

onBlurCapture?: FocusEventHandler<HTMLDivElement>

OptionalonCanPlay

onCanPlay?: ReactEventHandler<HTMLDivElement>

OptionalonCanPlayCapture

onCanPlayCapture?: ReactEventHandler<HTMLDivElement>

OptionalonCanPlayThrough

onCanPlayThrough?: ReactEventHandler<HTMLDivElement>

OptionalonCanPlayThroughCapture

onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>

OptionalonChange

onChange?: FormEventHandler<HTMLDivElement>

OptionalonChangeCapture

onChangeCapture?: FormEventHandler<HTMLDivElement>

OptionalonClick

onClick?: MouseEventHandler<HTMLDivElement>

OptionalonClickCapture

onClickCapture?: MouseEventHandler<HTMLDivElement>

OptionalonCompositionEnd

onCompositionEnd?: CompositionEventHandler<HTMLDivElement>

OptionalonCompositionEndCapture

onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement>

OptionalonCompositionStart

onCompositionStart?: CompositionEventHandler<HTMLDivElement>

OptionalonCompositionStartCapture

onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement>

OptionalonCompositionUpdate

onCompositionUpdate?: CompositionEventHandler<HTMLDivElement>

OptionalonCompositionUpdateCapture

onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement>

OptionalonContextMenu

onContextMenu?: MouseEventHandler<HTMLDivElement>

OptionalonContextMenuCapture

onContextMenuCapture?: MouseEventHandler<HTMLDivElement>

OptionalonCopy

onCopy?: ClipboardEventHandler<HTMLDivElement>

OptionalonCopyCapture

onCopyCapture?: ClipboardEventHandler<HTMLDivElement>

OptionalonCut

onCut?: ClipboardEventHandler<HTMLDivElement>

OptionalonCutCapture

onCutCapture?: ClipboardEventHandler<HTMLDivElement>

OptionalonDoubleClick

onDoubleClick?: MouseEventHandler<HTMLDivElement>

OptionalonDoubleClickCapture

onDoubleClickCapture?: MouseEventHandler<HTMLDivElement>

OptionalonDrag

onDrag?: DragEventHandler<HTMLDivElement>

OptionalonDragCapture

onDragCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragEnd

onDragEnd?: DragEventHandler<HTMLDivElement>

OptionalonDragEndCapture

onDragEndCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragEnter

onDragEnter?: DragEventHandler<HTMLDivElement>

OptionalonDragEnterCapture

onDragEnterCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragExit

onDragExit?: DragEventHandler<HTMLDivElement>

OptionalonDragExitCapture

onDragExitCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragLeave

onDragLeave?: DragEventHandler<HTMLDivElement>

OptionalonDragLeaveCapture

onDragLeaveCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragOver

onDragOver?: DragEventHandler<HTMLDivElement>

OptionalonDragOverCapture

onDragOverCapture?: DragEventHandler<HTMLDivElement>

OptionalonDragStart

onDragStart?: DragEventHandler<HTMLDivElement>

OptionalonDragStartCapture

onDragStartCapture?: DragEventHandler<HTMLDivElement>

OptionalonDrop

onDrop?: DragEventHandler<HTMLDivElement>

OptionalonDropCapture

onDropCapture?: DragEventHandler<HTMLDivElement>

OptionalonDurationChange

onDurationChange?: ReactEventHandler<HTMLDivElement>

OptionalonDurationChangeCapture

onDurationChangeCapture?: ReactEventHandler<HTMLDivElement>

OptionalonEmptied

onEmptied?: ReactEventHandler<HTMLDivElement>

OptionalonEmptiedCapture

onEmptiedCapture?: ReactEventHandler<HTMLDivElement>

OptionalonEncrypted

onEncrypted?: ReactEventHandler<HTMLDivElement>

OptionalonEncryptedCapture

onEncryptedCapture?: ReactEventHandler<HTMLDivElement>

OptionalonEnded

onEnded?: ReactEventHandler<HTMLDivElement>

OptionalonEndedCapture

onEndedCapture?: ReactEventHandler<HTMLDivElement>

OptionalonError

onError?: ReactEventHandler<HTMLDivElement>

OptionalonErrorCapture

onErrorCapture?: ReactEventHandler<HTMLDivElement>

OptionalonFocus

onFocus?: FocusEventHandler<HTMLDivElement>

OptionalonFocusCapture

onFocusCapture?: FocusEventHandler<HTMLDivElement>

OptionalonGotPointerCapture

onGotPointerCapture?: PointerEventHandler<HTMLDivElement>

OptionalonGotPointerCaptureCapture

onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>

OptionalonInput

onInput?: FormEventHandler<HTMLDivElement>

OptionalonInputCapture

onInputCapture?: FormEventHandler<HTMLDivElement>

OptionalonInvalid

onInvalid?: FormEventHandler<HTMLDivElement>

OptionalonInvalidCapture

onInvalidCapture?: FormEventHandler<HTMLDivElement>

OptionalonKeyDown

onKeyDown?: KeyboardEventHandler<HTMLDivElement>

OptionalonKeyDownCapture

onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>

OptionalonKeyPress

onKeyPress?: KeyboardEventHandler<HTMLDivElement>

Deprecated

Use onKeyUp or onKeyDown instead

OptionalonKeyPressCapture

onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>

Deprecated

Use onKeyUpCapture or onKeyDownCapture instead

OptionalonKeyUp

onKeyUp?: KeyboardEventHandler<HTMLDivElement>

OptionalonKeyUpCapture

onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>

OptionalonLoad

onLoad?: ReactEventHandler<HTMLDivElement>

OptionalonLoadCapture

onLoadCapture?: ReactEventHandler<HTMLDivElement>

OptionalonLoadedData

onLoadedData?: ReactEventHandler<HTMLDivElement>

OptionalonLoadedDataCapture

onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>

OptionalonLoadedMetadata

onLoadedMetadata?: ReactEventHandler<HTMLDivElement>

OptionalonLoadedMetadataCapture

onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>

OptionalonLoadStart

onLoadStart?: ReactEventHandler<HTMLDivElement>

OptionalonLoadStartCapture

onLoadStartCapture?: ReactEventHandler<HTMLDivElement>

OptionalonLostPointerCapture

onLostPointerCapture?: PointerEventHandler<HTMLDivElement>

OptionalonLostPointerCaptureCapture

onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>

OptionalonMouseDown

onMouseDown?: MouseEventHandler<HTMLDivElement>

OptionalonMouseDownCapture

onMouseDownCapture?: MouseEventHandler<HTMLDivElement>

OptionalonMouseEnter

onMouseEnter?: MouseEventHandler<HTMLDivElement>

OptionalonMouseLeave

onMouseLeave?: MouseEventHandler<HTMLDivElement>

OptionalonMouseMove

onMouseMove?: MouseEventHandler<HTMLDivElement>

OptionalonMouseMoveCapture

onMouseMoveCapture?: MouseEventHandler<HTMLDivElement>

OptionalonMouseOut

onMouseOut?: MouseEventHandler<HTMLDivElement>

OptionalonMouseOutCapture

onMouseOutCapture?: MouseEventHandler<HTMLDivElement>

OptionalonMouseOver

onMouseOver?: MouseEventHandler<HTMLDivElement>

OptionalonMouseOverCapture

onMouseOverCapture?: MouseEventHandler<HTMLDivElement>

OptionalonMouseUp

onMouseUp?: MouseEventHandler<HTMLDivElement>

OptionalonMouseUpCapture

onMouseUpCapture?: MouseEventHandler<HTMLDivElement>

OptionalonPaste

onPaste?: ClipboardEventHandler<HTMLDivElement>

OptionalonPasteCapture

onPasteCapture?: ClipboardEventHandler<HTMLDivElement>

OptionalonPause

onPause?: ReactEventHandler<HTMLDivElement>

OptionalonPauseCapture

onPauseCapture?: ReactEventHandler<HTMLDivElement>

OptionalonPlay

onPlay?: ReactEventHandler<HTMLDivElement>

OptionalonPlayCapture

onPlayCapture?: ReactEventHandler<HTMLDivElement>

OptionalonPlaying

onPlaying?: ReactEventHandler<HTMLDivElement>

OptionalonPlayingCapture

onPlayingCapture?: ReactEventHandler<HTMLDivElement>

OptionalonPointerCancel

onPointerCancel?: PointerEventHandler<HTMLDivElement>

OptionalonPointerCancelCapture

onPointerCancelCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPointerDown

onPointerDown?: PointerEventHandler<HTMLDivElement>

OptionalonPointerDownCapture

onPointerDownCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPointerEnter

onPointerEnter?: PointerEventHandler<HTMLDivElement>

OptionalonPointerLeave

onPointerLeave?: PointerEventHandler<HTMLDivElement>

OptionalonPointerMove

onPointerMove?: PointerEventHandler<HTMLDivElement>

OptionalonPointerMoveCapture

onPointerMoveCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPointerOut

onPointerOut?: PointerEventHandler<HTMLDivElement>

OptionalonPointerOutCapture

onPointerOutCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPointerOver

onPointerOver?: PointerEventHandler<HTMLDivElement>

OptionalonPointerOverCapture

onPointerOverCapture?: PointerEventHandler<HTMLDivElement>

OptionalonPointerUp

onPointerUp?: PointerEventHandler<HTMLDivElement>

OptionalonPointerUpCapture

onPointerUpCapture?: PointerEventHandler<HTMLDivElement>

OptionalonProgress

onProgress?: ReactEventHandler<HTMLDivElement>

OptionalonProgressCapture

onProgressCapture?: ReactEventHandler<HTMLDivElement>

OptionalonRateChange

onRateChange?: ReactEventHandler<HTMLDivElement>

OptionalonRateChangeCapture

onRateChangeCapture?: ReactEventHandler<HTMLDivElement>

OptionalonReset

onReset?: FormEventHandler<HTMLDivElement>

OptionalonResetCapture

onResetCapture?: FormEventHandler<HTMLDivElement>

OptionalonResize

onResize?: ReactEventHandler<HTMLDivElement>

OptionalonResizeCapture

onResizeCapture?: ReactEventHandler<HTMLDivElement>

OptionalonScroll

onScroll?: UIEventHandler<HTMLDivElement>

OptionalonScrollCapture

onScrollCapture?: UIEventHandler<HTMLDivElement>

OptionalonSeeked

onSeeked?: ReactEventHandler<HTMLDivElement>

OptionalonSeekedCapture

onSeekedCapture?: ReactEventHandler<HTMLDivElement>

OptionalonSeeking

onSeeking?: ReactEventHandler<HTMLDivElement>

OptionalonSeekingCapture

onSeekingCapture?: ReactEventHandler<HTMLDivElement>

OptionalonSelect

onSelect?: ReactEventHandler<HTMLDivElement>

OptionalonSelectCapture

onSelectCapture?: ReactEventHandler<HTMLDivElement>

OptionalonStalled

onStalled?: ReactEventHandler<HTMLDivElement>

OptionalonStalledCapture

onStalledCapture?: ReactEventHandler<HTMLDivElement>

OptionalonSubmit

onSubmit?: FormEventHandler<HTMLDivElement>

OptionalonSubmitCapture

onSubmitCapture?: FormEventHandler<HTMLDivElement>

OptionalonSuspend

onSuspend?: ReactEventHandler<HTMLDivElement>

OptionalonSuspendCapture

onSuspendCapture?: ReactEventHandler<HTMLDivElement>

OptionalonTimeUpdate

onTimeUpdate?: ReactEventHandler<HTMLDivElement>

OptionalonTimeUpdateCapture

onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement>

OptionalonTouchCancel

onTouchCancel?: TouchEventHandler<HTMLDivElement>

OptionalonTouchCancelCapture

onTouchCancelCapture?: TouchEventHandler<HTMLDivElement>

OptionalonTouchEnd

onTouchEnd?: TouchEventHandler<HTMLDivElement>

OptionalonTouchEndCapture

onTouchEndCapture?: TouchEventHandler<HTMLDivElement>

OptionalonTouchMove

onTouchMove?: TouchEventHandler<HTMLDivElement>

OptionalonTouchMoveCapture

onTouchMoveCapture?: TouchEventHandler<HTMLDivElement>

OptionalonTouchStart

onTouchStart?: TouchEventHandler<HTMLDivElement>

OptionalonTouchStartCapture

onTouchStartCapture?: TouchEventHandler<HTMLDivElement>

OptionalonTransitionEnd

onTransitionEnd?: TransitionEventHandler<HTMLDivElement>

OptionalonTransitionEndCapture

onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>

OptionalonVolumeChange

onVolumeChange?: ReactEventHandler<HTMLDivElement>

OptionalonVolumeChangeCapture

onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement>

OptionalonWaiting

onWaiting?: ReactEventHandler<HTMLDivElement>

OptionalonWaitingCapture

onWaitingCapture?: ReactEventHandler<HTMLDivElement>

OptionalonWheel

onWheel?: WheelEventHandler<HTMLDivElement>

OptionalonWheelCapture

onWheelCapture?: WheelEventHandler<HTMLDivElement>

Optionalopen

open?: boolean

Optionaloptimum

optimum?: number

Optionalorder

order?: {
    2xl?: string;
    default?: string;
    lg?: string;
    md?: string;
    xl?: string;
}

Modifies the flex layout element order property

Optionalpattern

pattern?: string

Optionalplaceholder

placeholder?: string

OptionalplaysInline

playsInline?: boolean

Optionalposter

poster?: string

Optionalprefix

prefix?: string

Optionalpreload

preload?: string

Optionalproperty

property?: string

OptionalradioGroup

radioGroup?: string

OptionalreadOnly

readOnly?: boolean

Optionalref

ref?: LegacyRef<HTMLDivElement>

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).

See

React Docs

Optionalrel

rel?: string

Optionalrequired

required?: boolean

Optionalresource

resource?: string

Optionalresults

results?: number

Optionalrev

rev?: string

Optionalreversed

reversed?: boolean

Optionalrole

role?: AriaRole

OptionalrowGap

rowGap?: {
    2xl?:
        | "rowGap"
        | "rowGapNone"
        | "rowGapXs"
        | "rowGapSm"
        | "rowGapMd"
        | "rowGapLg"
        | "rowGapXl"
        | "rowGap2xl"
        | "rowGap3xl"
        | "rowGap4xl";
    default?:
        | "rowGap"
        | "rowGapNone"
        | "rowGapXs"
        | "rowGapSm"
        | "rowGapMd"
        | "rowGapLg"
        | "rowGapXl"
        | "rowGap2xl"
        | "rowGap3xl"
        | "rowGap4xl";
    lg?:
        | "rowGap"
        | "rowGapNone"
        | "rowGapXs"
        | "rowGapSm"
        | "rowGapMd"
        | "rowGapLg"
        | "rowGapXl"
        | "rowGap2xl"
        | "rowGap3xl"
        | "rowGap4xl";
    md?:
        | "rowGap"
        | "rowGapNone"
        | "rowGapXs"
        | "rowGapSm"
        | "rowGapMd"
        | "rowGapLg"
        | "rowGapXl"
        | "rowGap2xl"
        | "rowGap3xl"
        | "rowGap4xl";
    sm?:
        | "rowGap"
        | "rowGapNone"
        | "rowGapXs"
        | "rowGapSm"
        | "rowGapMd"
        | "rowGapLg"
        | "rowGapXl"
        | "rowGap2xl"
        | "rowGap3xl"
        | "rowGap4xl";
    xl?:
        | "rowGap"
        | "rowGapNone"
        | "rowGapXs"
        | "rowGapSm"
        | "rowGapMd"
        | "rowGapLg"
        | "rowGapXl"
        | "rowGap2xl"
        | "rowGap3xl"
        | "rowGap4xl";
}

Gap between rows at various breakpoints. This will override spacers for the main axis.

Optionalrows

rows?: number

OptionalrowSpan

rowSpan?: number

Optionalsandbox

sandbox?: string

Optionalscope

scope?: string

Optionalscoped

scoped?: boolean

Optionalscrolling

scrolling?: string

Optionalseamless

seamless?: boolean

Optionalsecurity

security?: string

Optionalselected

selected?: boolean

Optionalshape

shape?: string

Optionalshrink

shrink?: {
    2xl?: "shrink";
    default?: "shrink";
    lg?: "shrink";
    md?: "shrink";
    sm?: "shrink";
    xl?: "shrink";
}

Whether to add flex: shrink at various breakpoints

Optionalsize

size?: number

Optionalsizes

sizes?: string

Optionalslot

slot?: string

OptionalspaceItems

spaceItems?: {
    2xl?:
        | "spaceItemsNone"
        | "spaceItemsSm"
        | "spaceItemsMd"
        | "spaceItemsLg"
        | "spaceItemsXs"
        | "spaceItemsXl"
        | "spaceItems2xl"
        | "spaceItems3xl"
        | "spaceItems4xl";
    default?:
        | "spaceItemsNone"
        | "spaceItemsSm"
        | "spaceItemsMd"
        | "spaceItemsLg"
        | "spaceItemsXs"
        | "spaceItemsXl"
        | "spaceItems2xl"
        | "spaceItems3xl"
        | "spaceItems4xl";
    lg?:
        | "spaceItemsNone"
        | "spaceItemsSm"
        | "spaceItemsMd"
        | "spaceItemsLg"
        | "spaceItemsXs"
        | "spaceItemsXl"
        | "spaceItems2xl"
        | "spaceItems3xl"
        | "spaceItems4xl";
    md?:
        | "spaceItemsNone"
        | "spaceItemsSm"
        | "spaceItemsMd"
        | "spaceItemsLg"
        | "spaceItemsXs"
        | "spaceItemsXl"
        | "spaceItems2xl"
        | "spaceItems3xl"
        | "spaceItems4xl";
    sm?:
        | "spaceItemsNone"
        | "spaceItemsSm"
        | "spaceItemsMd"
        | "spaceItemsLg"
        | "spaceItemsXs"
        | "spaceItemsXl"
        | "spaceItems2xl"
        | "spaceItems3xl"
        | "spaceItems4xl";
    xl?:
        | "spaceItemsNone"
        | "spaceItemsSm"
        | "spaceItemsMd"
        | "spaceItemsLg"
        | "spaceItemsXs"
        | "spaceItemsXl"
        | "spaceItems2xl"
        | "spaceItems3xl"
        | "spaceItems4xl";
}

Space items at various breakpoints

Optionalspacer

spacer?: {
    2xl?:
        | "spacerNone"
        | "spacerSm"
        | "spacerMd"
        | "spacerLg"
        | "spacerXs"
        | "spacerXl"
        | "spacer2xl"
        | "spacer3xl"
        | "spacer4xl";
    default?:
        | "spacerNone"
        | "spacerSm"
        | "spacerMd"
        | "spacerLg"
        | "spacerXs"
        | "spacerXl"
        | "spacer2xl"
        | "spacer3xl"
        | "spacer4xl";
    lg?:
        | "spacerNone"
        | "spacerSm"
        | "spacerMd"
        | "spacerLg"
        | "spacerXs"
        | "spacerXl"
        | "spacer2xl"
        | "spacer3xl"
        | "spacer4xl";
    md?:
        | "spacerNone"
        | "spacerSm"
        | "spacerMd"
        | "spacerLg"
        | "spacerXs"
        | "spacerXl"
        | "spacer2xl"
        | "spacer3xl"
        | "spacer4xl";
    sm?:
        | "spacerNone"
        | "spacerSm"
        | "spacerMd"
        | "spacerLg"
        | "spacerXs"
        | "spacerXl"
        | "spacer2xl"
        | "spacer3xl"
        | "spacer4xl";
    xl?:
        | "spacerNone"
        | "spacerSm"
        | "spacerMd"
        | "spacerLg"
        | "spacerXs"
        | "spacerXl"
        | "spacer2xl"
        | "spacer3xl"
        | "spacer4xl";
}

Spacers at various breakpoints

Optionalspan

span?: number

OptionalspellCheck

spellCheck?: Booleanish

Optionalsrc

src?: string

OptionalsrcDoc

srcDoc?: string

OptionalsrcLang

srcLang?: string

OptionalsrcSet

srcSet?: string

Optionalstart

start?: number

Optionalstep

step?: string | number

Optionalstyle

style?: CSSProperties

Optionalsummary

summary?: string

OptionalsuppressContentEditableWarning

suppressContentEditableWarning?: boolean

OptionalsuppressHydrationWarning

suppressHydrationWarning?: boolean

OptionaltabIndex

tabIndex?: number

Optionaltarget

target?: string

Optionaltitle

title?: string

Optionaltranslate

translate?: "yes" | "no"

Optionaltype

type?: string

Optionaltypeof

typeof?: string

Optionalunselectable

unselectable?: "off" | "on"

OptionaluseMap

useMap?: string

Optionalvalue

value?: string | number | readonly string[]

Optionalvocab

vocab?: string

Optionalwidth

width?: string | number

Optionalwmode

wmode?: string

Optionalwrap

wrap?: string

Settings

Member Visibility

On This Page

Properties
aboutacceptacceptCharsetaccessKeyactionalignalignContentalignItemsalignSelfallowFullScreenallowTransparencyaltaria-activedescendantaria-atomicaria-autocompletearia-braillelabelaria-brailleroledescriptionaria-busyaria-checkedaria-colcountaria-colindexaria-colindextextaria-colspanaria-controlsaria-currentaria-describedbyaria-descriptionaria-detailsaria-disabledaria-dropeffectaria-errormessagearia-expandedaria-flowtoaria-grabbedaria-haspopuparia-hiddenaria-invalidaria-keyshortcutsaria-labelaria-labelledbyaria-levelaria-livearia-modalaria-multilinearia-multiselectablearia-orientationaria-ownsaria-placeholderaria-posinsetaria-pressedaria-readonlyaria-relevantaria-requiredaria-roledescriptionaria-rowcountaria-rowindexaria-rowindextextaria-rowspanaria-selectedaria-setsizearia-sortaria-valuemaxaria-valueminaria-valuenowaria-valuetextasasyncautoCapitalizeautoCompleteautoCorrectautoFocusautoPlayautoSavecapturecellPaddingcellSpacingchallengecharSetcheckedchildrenciteclassIDclassNamecolorcolscolSpancolumnGapcomponentcontentcontentEditablecontextMenucontrolscoordscrossOrigindangerouslySetInnerHTMLdatadatatypedateTimedefaultdefaultCheckeddefaultValuedeferdirdirectiondisableddisplaydownloaddraggableencTypeenterKeyHintflexflexWrapformformActionformEncTypeformMethodformNoValidateformTargetframeBorderfullWidthgapgrowheadersheighthiddenhighhrefhrefLanghtmlForhttpEquividinlistinputModeintegrityisitemIDitemPropitemRefitemScopeitemTypejustifyContentkeykeyParamskeyTypekindlabellanglistlooplowmanifestmarginHeightmarginWidthmaxmaxLengthmediamediaGroupmethodminminLengthmultiplemutednamenoncenoValidateonAbortonAbortCaptureonAnimationEndonAnimationEndCaptureonAnimationIterationonAnimationIterationCaptureonAnimationStartonAnimationStartCaptureonAuxClickonAuxClickCaptureonBeforeInputonBeforeInputCaptureonBluronBlurCaptureonCanPlayonCanPlayCaptureonCanPlayThroughonCanPlayThroughCaptureonChangeonChangeCaptureonClickonClickCaptureonCompositionEndonCompositionEndCaptureonCompositionStartonCompositionStartCaptureonCompositionUpdateonCompositionUpdateCaptureonContextMenuonContextMenuCaptureonCopyonCopyCaptureonCutonCutCaptureonDoubleClickonDoubleClickCaptureonDragonDragCaptureonDragEndonDragEndCaptureonDragEnteronDragEnterCaptureonDragExitonDragExitCaptureonDragLeaveonDragLeaveCaptureonDragOveronDragOverCaptureonDragStartonDragStartCaptureonDroponDropCaptureonDurationChangeonDurationChangeCaptureonEmptiedonEmptiedCaptureonEncryptedonEncryptedCaptureonEndedonEndedCaptureonErroronErrorCaptureonFocusonFocusCaptureonGotPointerCaptureonGotPointerCaptureCaptureonInputonInputCaptureonInvalidonInvalidCaptureonKeyDownonKeyDownCaptureonKeyPressonKeyPressCaptureonKeyUponKeyUpCaptureonLoadonLoadCaptureonLoadedDataonLoadedDataCaptureonLoadedMetadataonLoadedMetadataCaptureonLoadStartonLoadStartCaptureonLostPointerCaptureonLostPointerCaptureCaptureonMouseDownonMouseDownCaptureonMouseEnteronMouseLeaveonMouseMoveonMouseMoveCaptureonMouseOutonMouseOutCaptureonMouseOveronMouseOverCaptureonMouseUponMouseUpCaptureonPasteonPasteCaptureonPauseonPauseCaptureonPlayonPlayCaptureonPlayingonPlayingCaptureonPointerCancelonPointerCancelCaptureonPointerDownonPointerDownCaptureonPointerEnteronPointerLeaveonPointerMoveonPointerMoveCaptureonPointerOutonPointerOutCaptureonPointerOveronPointerOverCaptureonPointerUponPointerUpCaptureonProgressonProgressCaptureonRateChangeonRateChangeCaptureonResetonResetCaptureonResizeonResizeCaptureonScrollonScrollCaptureonSeekedonSeekedCaptureonSeekingonSeekingCaptureonSelectonSelectCaptureonStalledonStalledCaptureonSubmitonSubmitCaptureonSuspendonSuspendCaptureonTimeUpdateonTimeUpdateCaptureonTouchCancelonTouchCancelCaptureonTouchEndonTouchEndCaptureonTouchMoveonTouchMoveCaptureonTouchStartonTouchStartCaptureonTransitionEndonTransitionEndCaptureonVolumeChangeonVolumeChangeCaptureonWaitingonWaitingCaptureonWheelonWheelCaptureopenoptimumorderpatternplaceholderplaysInlineposterprefixpreloadpropertyradioGroupreadOnlyrefrelrequiredresourceresultsrevreversedrolerowGaprowsrowSpansandboxscopescopedscrollingseamlesssecurityselectedshapeshrinksizesizesslotspaceItemsspacerspanspellChecksrcsrcDocsrcLangsrcSetstartstepstylesummarysuppressContentEditableWarningsuppressHydrationWarningtabIndextargettitletranslatetypetypeofunselectableuseMapvaluevocabwidthwmodewrap