Interface ViewportProps

interface ViewportProps {
    about?: string;
    accessKey?: string;
    alignContent?: AlignContent;
    alignItems?: AlignItems;
    alignSelf?: AlignSelf;
    aria-activedescendant?: string;
    aria-atomic?: Booleanish;
    aria-autocomplete?:
        | "inline"
        | "none"
        | "both"
        | "list";
    aria-braillelabel?: string;
    aria-brailleroledescription?: string;
    aria-busy?: Booleanish;
    aria-checked?:
        | boolean
        | "mixed"
        | "false"
        | "true";
    aria-colcount?: number;
    aria-colindex?: number;
    aria-colindextext?: string;
    aria-colspan?: number;
    aria-controls?: string;
    aria-current?:
        | boolean
        | "page"
        | "time"
        | "false"
        | "true"
        | "step"
        | "location"
        | "date";
    aria-describedby?: string;
    aria-description?: string;
    aria-details?: string;
    aria-disabled?: Booleanish;
    aria-dropeffect?:
        | "copy"
        | "link"
        | "none"
        | "move"
        | "execute"
        | "popup";
    aria-errormessage?: string;
    aria-expanded?: Booleanish;
    aria-flowto?: string;
    aria-grabbed?: Booleanish;
    aria-haspopup?:
        | boolean
        | "dialog"
        | "menu"
        | "grid"
        | "listbox"
        | "false"
        | "true"
        | "tree";
    aria-hidden?: Booleanish;
    aria-invalid?:
        | boolean
        | "false"
        | "true"
        | "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
        | "mixed"
        | "false"
        | "true";
    aria-readonly?: Booleanish;
    aria-relevant?:
        | "text"
        | "all"
        | "additions"
        | "additions removals"
        | "additions text"
        | "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?:
        | "other"
        | "none"
        | "ascending"
        | "descending";
    aria-valuemax?: number;
    aria-valuemin?: number;
    aria-valuenow?: number;
    aria-valuetext?: string;
    as?: As<any>;
    autoCapitalize?: string;
    autoCorrect?: string;
    autoFocus?: boolean;
    autoSave?: string;
    background?: Background<0 | string & {}>;
    backgroundColor?: Color;
    bg?: Background<0 | string & {}>;
    border?: string;
    borderBottom?: string;
    borderBottomColor?: Color;
    borderColor?: Color;
    borderLeft?: string;
    borderLeftColor?: Color;
    borderRadius?: string;
    borderRight?: string;
    borderRightColor?: Color;
    borderTop?: string;
    borderTopColor?: Color;
    borderWidth?: StringOrNumber;
    bottom?: string;
    boxShadow?: BoxShadowValue;
    children?: ReactNode;
    className?: string;
    color?: Color;
    columnGap?: ColumnGap<0 | string & {}>;
    content?: string;
    contentEditable?: "inherit" | Booleanish | "plaintext-only";
    contextMenu?: string;
    css?: Interpolation<any>;
    dangerouslySetInnerHTML?: {
        __html: string | TrustedHTML;
    };
    datatype?: string;
    defaultChecked?: boolean;
    defaultValue?: string | number | readonly string[];
    dir?: string;
    display?: Display;
    draggable?: Booleanish;
    flex?: Flex<Length>;
    flexBasis?: FlexBasis<Length>;
    flexDirection?: FlexDirection;
    flexGrow?: FlexGrow;
    flexShrink?: FlexShrink;
    flexWrap?: FlexWrap;
    fontFamily?: FontFamily;
    fontSize?: string;
    fontStyle?: FontStyle;
    fontWeight?: FontWeight;
    gap?: Gap<0 | string & {}>;
    gridArea?: GridArea;
    gridColumn?: GridColumn;
    gridColumnEnd?: GridColumnEnd;
    gridColumnGap?: GridColumnGap<Length>;
    gridColumnStart?: GridColumnStart;
    gridGap?: GridGap<Length>;
    gridRow?: GridRow;
    gridRowEnd?: GridRowEnd;
    gridRowGap?: GridRowGap<Length>;
    gridRowStart?: GridRowStart;
    gridTemplateAreas?: GridTemplateAreas;
    gridTemplateColumns?: GridTemplateColumns<0 | string & {}>;
    gridTemplateRows?: GridTemplateRows<0 | string & {}>;
    height?: StringOrNumber;
    hidden?: boolean;
    id?: string;
    inlist?: any;
    inputMode?:
        | "search"
        | "text"
        | "none"
        | "tel"
        | "url"
        | "email"
        | "numeric"
        | "decimal";
    is?: string;
    itemID?: string;
    itemProp?: string;
    itemRef?: string;
    itemScope?: boolean;
    itemType?: string;
    justifyContent?: JustifyContent;
    justifyItems?: JustifyItems;
    justifySelf?: JustifySelf;
    key?: Key;
    lang?: string;
    left?: string;
    letterSpacing?: LetterSpacing<0 | string & {}>;
    lineHeight?: StringOrNumber;
    m?: SpaceTokenValue;
    margin?: SpaceTokenValue;
    marginBottom?: SpaceTokenValue;
    marginLeft?: SpaceTokenValue;
    marginRight?: SpaceTokenValue;
    marginTop?: SpaceTokenValue;
    marginX?: SpaceTokenValue;
    marginY?: SpaceTokenValue;
    maxHeight?: StringOrNumber;
    maxWidth?: StringOrNumber;
    mb?: SpaceTokenValue;
    minHeight?: StringOrNumber;
    minWidth?: StringOrNumber;
    ml?: SpaceTokenValue;
    mr?: SpaceTokenValue;
    mt?: SpaceTokenValue;
    mx?: SpaceTokenValue;
    my?: SpaceTokenValue;
    nonce?: string;
    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>;
    opacity?: Opacity;
    order?: Order;
    overflow?: Overflow;
    overflowX?: OverflowX;
    overflowY?: OverflowY;
    p?: SpaceTokenValue;
    padding?: SpaceTokenValue;
    paddingBottom?: SpaceTokenValue;
    paddingLeft?: SpaceTokenValue;
    paddingRight?: SpaceTokenValue;
    paddingTop?: SpaceTokenValue;
    paddingX?: SpaceTokenValue;
    paddingY?: SpaceTokenValue;
    pb?: SpaceTokenValue;
    pl?: SpaceTokenValue;
    position?: Position;
    pr?: SpaceTokenValue;
    prefix?: string;
    property?: string;
    pt?: SpaceTokenValue;
    px?: SpaceTokenValue;
    py?: SpaceTokenValue;
    radioGroup?: string;
    rel?: string;
    resource?: string;
    results?: number;
    rev?: string;
    right?: string;
    role?: AriaRole;
    rowGap?: RowGap<0 | string & {}>;
    security?: string;
    selectionTools?: (string | ReactElement<any, string | JSXElementConstructor<any>>)[];
    size?: StringOrNumber;
    slot?: string;
    spellCheck?: Booleanish;
    style?: CSSProperties;
    suppressContentEditableWarning?: boolean;
    suppressHydrationWarning?: boolean;
    tabIndex?: number;
    textAlign?: TextAlign;
    textShadow?: TextShadow;
    title?: string;
    top?: string;
    translate?: "yes" | "no";
    typeof?: string;
    unselectable?: "on" | "off";
    verticalAlign?: VerticalAlign<0 | string & {}>;
    vocab?: string;
    width?: StringOrNumber;
    zIndex?: ZIndex;
}

Hierarchy

  • HTMLCoralProps<"div">
    • ViewportProps

Properties

about? accessKey? alignContent? alignItems? alignSelf? 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? autoCapitalize? autoCorrect? autoFocus? autoSave? background? backgroundColor? bg? border? borderBottom? borderBottomColor? borderColor? borderLeft? borderLeftColor? borderRadius? borderRight? borderRightColor? borderTop? borderTopColor? borderWidth? bottom? boxShadow? children? className? color? columnGap? content? contentEditable? contextMenu? css? dangerouslySetInnerHTML? datatype? defaultChecked? defaultValue? dir? display? draggable? flex? flexBasis? flexDirection? flexGrow? flexShrink? flexWrap? fontFamily? fontSize? fontStyle? fontWeight? gap? gridArea? gridColumn? gridColumnEnd? gridColumnGap? gridColumnStart? gridGap? gridRow? gridRowEnd? gridRowGap? gridRowStart? gridTemplateAreas? gridTemplateColumns? gridTemplateRows? height? hidden? id? inlist? inputMode? is? itemID? itemProp? itemRef? itemScope? itemType? justifyContent? justifyItems? justifySelf? key? lang? left? letterSpacing? lineHeight? m? margin? marginBottom? marginLeft? marginRight? marginTop? marginX? marginY? maxHeight? maxWidth? mb? minHeight? minWidth? ml? mr? mt? mx? my? nonce? 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? opacity? order? overflow? overflowX? overflowY? p? padding? paddingBottom? paddingLeft? paddingRight? paddingTop? paddingX? paddingY? pb? pl? position? pr? prefix? property? pt? px? py? radioGroup? rel? resource? results? rev? right? role? rowGap? security? selectionTools? size? slot? spellCheck? style? suppressContentEditableWarning? suppressHydrationWarning? tabIndex? textAlign? textShadow? title? top? translate? typeof? unselectable? verticalAlign? vocab? width? zIndex?

Properties

Optionalabout

about?: string

OptionalaccessKey

accessKey?: string

OptionalalignContent

alignContent?: AlignContent

OptionalalignItems

alignItems?: AlignItems

OptionalalignSelf

alignSelf?: AlignSelf

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?:
    | "inline"
    | "none"
    | "both"
    | "list"

Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.

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
    | "mixed"
    | "false"
    | "true"

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
    | "page"
    | "time"
    | "false"
    | "true"
    | "step"
    | "location"
    | "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?:
    | "copy"
    | "link"
    | "none"
    | "move"
    | "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"
    | "listbox"
    | "false"
    | "true"
    | "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
    | "false"
    | "true"
    | "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
    | "mixed"
    | "false"
    | "true"

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"
    | "all"
    | "additions"
    | "additions removals"
    | "additions text"
    | "removals"
    | "removals additions"
    | "removals text"
    | "text additions"
    | "text removals"

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

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?:
    | "other"
    | "none"
    | "ascending"
    | "descending"

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?: As<any>

OptionalautoCapitalize

autoCapitalize?: string

OptionalautoCorrect

autoCorrect?: string

OptionalautoFocus

autoFocus?: boolean

OptionalautoSave

autoSave?: string

Optionalbackground

background?: Background<0 | string & {}>

OptionalbackgroundColor

backgroundColor?: Color

Optionalbg

bg?: Background<0 | string & {}>

Optionalborder

border?: string

OptionalborderBottom

borderBottom?: string

OptionalborderBottomColor

borderBottomColor?: Color

OptionalborderColor

borderColor?: Color

OptionalborderLeft

borderLeft?: string

OptionalborderLeftColor

borderLeftColor?: Color

OptionalborderRadius

borderRadius?: string

OptionalborderRight

borderRight?: string

OptionalborderRightColor

borderRightColor?: Color

OptionalborderTop

borderTop?: string

OptionalborderTopColor

borderTopColor?: Color

OptionalborderWidth

borderWidth?: StringOrNumber

Optionalbottom

bottom?: string

OptionalboxShadow

boxShadow?: BoxShadowValue

Optionalchildren

children?: ReactNode

OptionalclassName

className?: string

Optionalcolor

color?: Color

OptionalcolumnGap

columnGap?: ColumnGap<0 | string & {}>

Optionalcontent

content?: string

OptionalcontentEditable

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

OptionalcontextMenu

contextMenu?: string

Optionalcss

css?: Interpolation<any>

自定义样式，传入 css`` 的结果

OptionaldangerouslySetInnerHTML

dangerouslySetInnerHTML?: {
    __html: string | TrustedHTML;
}

Optionaldatatype

datatype?: string

OptionaldefaultChecked

defaultChecked?: boolean

OptionaldefaultValue

defaultValue?: string | number | readonly string[]

Optionaldir

dir?: string

Optionaldisplay

display?: Display

Optionaldraggable

draggable?: Booleanish

Optionalflex

flex?: Flex<Length>

OptionalflexBasis

flexBasis?: FlexBasis<Length>

OptionalflexDirection

flexDirection?: FlexDirection

OptionalflexGrow

flexGrow?: FlexGrow

OptionalflexShrink

flexShrink?: FlexShrink

OptionalflexWrap

flexWrap?: FlexWrap

OptionalfontFamily

fontFamily?: FontFamily

OptionalfontSize

fontSize?: string

OptionalfontStyle

fontStyle?: FontStyle

OptionalfontWeight

fontWeight?: FontWeight

Optionalgap

gap?: Gap<0 | string & {}>

OptionalgridArea

gridArea?: GridArea

OptionalgridColumn

gridColumn?: GridColumn

OptionalgridColumnEnd

gridColumnEnd?: GridColumnEnd

OptionalgridColumnGap

gridColumnGap?: GridColumnGap<Length>

OptionalgridColumnStart

gridColumnStart?: GridColumnStart

OptionalgridGap

gridGap?: GridGap<Length>

OptionalgridRow

gridRow?: GridRow

OptionalgridRowEnd

gridRowEnd?: GridRowEnd

OptionalgridRowGap

gridRowGap?: GridRowGap<Length>

OptionalgridRowStart

gridRowStart?: GridRowStart

OptionalgridTemplateAreas

gridTemplateAreas?: GridTemplateAreas

OptionalgridTemplateColumns

gridTemplateColumns?: GridTemplateColumns<0 | string & {}>

OptionalgridTemplateRows

gridTemplateRows?: GridTemplateRows<0 | string & {}>

Optionalheight

height?: StringOrNumber

Optionalhidden

hidden?: boolean

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

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?: JustifyContent

OptionaljustifyItems

justifyItems?: JustifyItems

OptionaljustifySelf

justifySelf?: JustifySelf

Optionalkey

key?: Key

Optionallang

lang?: string

Optionalleft

left?: string

OptionalletterSpacing

letterSpacing?: LetterSpacing<0 | string & {}>

OptionallineHeight

lineHeight?: StringOrNumber

Optionalm

m?: SpaceTokenValue

Optionalmargin

margin?: SpaceTokenValue

OptionalmarginBottom

marginBottom?: SpaceTokenValue

OptionalmarginLeft

marginLeft?: SpaceTokenValue

OptionalmarginRight

marginRight?: SpaceTokenValue

OptionalmarginTop

marginTop?: SpaceTokenValue

OptionalmarginX

marginX?: SpaceTokenValue

OptionalmarginY

marginY?: SpaceTokenValue

OptionalmaxHeight

maxHeight?: StringOrNumber

OptionalmaxWidth

maxWidth?: StringOrNumber

Optionalmb

mb?: SpaceTokenValue

OptionalminHeight

minHeight?: StringOrNumber

OptionalminWidth

minWidth?: StringOrNumber

Optionalml

ml?: SpaceTokenValue

Optionalmr

mr?: SpaceTokenValue

Optionalmt

mt?: SpaceTokenValue

Optionalmx

mx?: SpaceTokenValue

Optionalmy

my?: SpaceTokenValue

Optionalnonce

nonce?: string

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>

Optionalopacity

opacity?: Opacity

Optionalorder

order?: Order

Optionaloverflow

overflow?: Overflow

OptionaloverflowX

overflowX?: OverflowX

OptionaloverflowY

overflowY?: OverflowY

Optionalp

p?: SpaceTokenValue

Optionalpadding

padding?: SpaceTokenValue

OptionalpaddingBottom

paddingBottom?: SpaceTokenValue

OptionalpaddingLeft

paddingLeft?: SpaceTokenValue

OptionalpaddingRight

paddingRight?: SpaceTokenValue

OptionalpaddingTop

paddingTop?: SpaceTokenValue

OptionalpaddingX

paddingX?: SpaceTokenValue

OptionalpaddingY

paddingY?: SpaceTokenValue

Optionalpb

pb?: SpaceTokenValue

Optionalpl

pl?: SpaceTokenValue

Optionalposition

position?: Position

Optionalpr

pr?: SpaceTokenValue

Optionalprefix

prefix?: string

Optionalproperty

property?: string

Optionalpt

pt?: SpaceTokenValue

Optionalpx

px?: SpaceTokenValue

Optionalpy

py?: SpaceTokenValue

OptionalradioGroup

radioGroup?: string

Optionalrel

rel?: string

Optionalresource

resource?: string

Optionalresults

results?: number

Optionalrev

rev?: string

Optionalright

right?: string

Optionalrole

role?: AriaRole

OptionalrowGap

rowGap?: RowGap<0 | string & {}>

Optionalsecurity

security?: string

OptionalselectionTools

selectionTools?: (string | ReactElement<any, string | JSXElementConstructor<any>>)[]

Optionalsize

size?: StringOrNumber

Optionalslot

slot?: string

OptionalspellCheck

spellCheck?: Booleanish

Optionalstyle

style?: CSSProperties

OptionalsuppressContentEditableWarning

suppressContentEditableWarning?: boolean

OptionalsuppressHydrationWarning

suppressHydrationWarning?: boolean

OptionaltabIndex

tabIndex?: number

OptionaltextAlign

textAlign?: TextAlign

OptionaltextShadow

textShadow?: TextShadow

Optionaltitle

title?: string

Optionaltop

top?: string

Optionaltranslate

translate?: "yes" | "no"

Optionaltypeof

typeof?: string

Optionalunselectable

unselectable?: "on" | "off"

OptionalverticalAlign

verticalAlign?: VerticalAlign<0 | string & {}>

Optionalvocab

vocab?: string

Optionalwidth

width?: StringOrNumber

OptionalzIndex

zIndex?: ZIndex

Settings

Member Visibility

On This Page

Properties
aboutaccessKeyalignContentalignItemsalignSelfaria-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-valuetextasautoCapitalizeautoCorrectautoFocusautoSavebackgroundbackgroundColorbgborderborderBottomborderBottomColorborderColorborderLeftborderLeftColorborderRadiusborderRightborderRightColorborderTopborderTopColorborderWidthbottomboxShadowchildrenclassNamecolorcolumnGapcontentcontentEditablecontextMenucssdangerouslySetInnerHTMLdatatypedefaultCheckeddefaultValuedirdisplaydraggableflexflexBasisflexDirectionflexGrowflexShrinkflexWrapfontFamilyfontSizefontStylefontWeightgapgridAreagridColumngridColumnEndgridColumnGapgridColumnStartgridGapgridRowgridRowEndgridRowGapgridRowStartgridTemplateAreasgridTemplateColumnsgridTemplateRowsheighthiddenidinlistinputModeisitemIDitemPropitemRefitemScopeitemTypejustifyContentjustifyItemsjustifySelfkeylangleftletterSpacinglineHeightmmarginmarginBottommarginLeftmarginRightmarginTopmarginXmarginYmaxHeightmaxWidthmbminHeightminWidthmlmrmtmxmynonceonAbortonAbortCaptureonAnimationEndonAnimationEndCaptureonAnimationIterationonAnimationIterationCaptureonAnimationStartonAnimationStartCaptureonAuxClickonAuxClickCaptureonBeforeInputonBeforeInputCaptureonBluronBlurCaptureonCanPlayonCanPlayCaptureonCanPlayThroughonCanPlayThroughCaptureonChangeonChangeCaptureonClickonClickCaptureonCompositionEndonCompositionEndCaptureonCompositionStartonCompositionStartCaptureonCompositionUpdateonCompositionUpdateCaptureonContextMenuonContextMenuCaptureonCopyonCopyCaptureonCutonCutCaptureonDoubleClickonDoubleClickCaptureonDragonDragCaptureonDragEndonDragEndCaptureonDragEnteronDragEnterCaptureonDragExitonDragExitCaptureonDragLeaveonDragLeaveCaptureonDragOveronDragOverCaptureonDragStartonDragStartCaptureonDroponDropCaptureonDurationChangeonDurationChangeCaptureonEmptiedonEmptiedCaptureonEncryptedonEncryptedCaptureonEndedonEndedCaptureonErroronErrorCaptureonFocusonFocusCaptureonGotPointerCaptureonGotPointerCaptureCaptureonInputonInputCaptureonInvalidonInvalidCaptureonKeyDownonKeyDownCaptureonKeyPressonKeyPressCaptureonKeyUponKeyUpCaptureonLoadonLoadCaptureonLoadedDataonLoadedDataCaptureonLoadedMetadataonLoadedMetadataCaptureonLoadStartonLoadStartCaptureonLostPointerCaptureonLostPointerCaptureCaptureonMouseDownonMouseDownCaptureonMouseEnteronMouseLeaveonMouseMoveonMouseMoveCaptureonMouseOutonMouseOutCaptureonMouseOveronMouseOverCaptureonMouseUponMouseUpCaptureonPasteonPasteCaptureonPauseonPauseCaptureonPlayonPlayCaptureonPlayingonPlayingCaptureonPointerCancelonPointerCancelCaptureonPointerDownonPointerDownCaptureonPointerEnteronPointerLeaveonPointerMoveonPointerMoveCaptureonPointerOutonPointerOutCaptureonPointerOveronPointerOverCaptureonPointerUponPointerUpCaptureonProgressonProgressCaptureonRateChangeonRateChangeCaptureonResetonResetCaptureonResizeonResizeCaptureonScrollonScrollCaptureonSeekedonSeekedCaptureonSeekingonSeekingCaptureonSelectonSelectCaptureonStalledonStalledCaptureonSubmitonSubmitCaptureonSuspendonSuspendCaptureonTimeUpdateonTimeUpdateCaptureonTouchCancelonTouchCancelCaptureonTouchEndonTouchEndCaptureonTouchMoveonTouchMoveCaptureonTouchStartonTouchStartCaptureonTransitionEndonTransitionEndCaptureonVolumeChangeonVolumeChangeCaptureonWaitingonWaitingCaptureonWheelonWheelCaptureopacityorderoverflowoverflowXoverflowYppaddingpaddingBottompaddingLeftpaddingRightpaddingToppaddingXpaddingYpbplpositionprprefixpropertyptpxpyradioGrouprelresourceresultsrevrightrolerowGapsecurityselectionToolssizeslotspellCheckstylesuppressContentEditableWarningsuppressHydrationWarningtabIndextextAligntextShadowtitletoptranslatetypeofunselectableverticalAlignvocabwidthzIndex