> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tappify.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# TapButtonProps

> The props TapButton takes, on top of the native button attributes.

The props `TapButton` takes, on top of the native button attributes.

## Extends

* `ButtonHTMLAttributes`\<`HTMLButtonElement`>

## Properties

### about?

```ts theme={null}
optional about?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`about`](/extensions/reference/frontend-api/Interface.TapSelectProps#about)

***

### accessKey?

```ts theme={null}
optional accessKey?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`accessKey`](/extensions/reference/frontend-api/Interface.TapSelectProps#accesskey)

***

### aria-activedescendant?

```ts theme={null}
optional aria-activedescendant?: string;
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-activedescendant
```

***

### aria-atomic?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-atomic
```

***

### aria-autocomplete?

```ts theme={null}
optional aria-autocomplete?: "list" | "none" | "inline" | "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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-autocomplete
```

***

### aria-braillelabel?

```ts theme={null}
optional aria-braillelabel?: string;
```

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

#### See

aria-label.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-braillelabel
```

***

### aria-brailleroledescription?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-brailleroledescription
```

***

### aria-busy?

```ts theme={null}
optional aria-busy?: Booleanish;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-busy
```

***

### aria-checked?

```ts theme={null}
optional aria-checked?: boolean | "true" | "false" | "mixed";
```

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

#### See

* aria-pressed
* aria-selected.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-checked
```

***

### aria-colcount?

```ts theme={null}
optional aria-colcount?: number;
```

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

#### See

aria-colindex.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-colcount
```

***

### aria-colindex?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-colindex
```

***

### aria-colindextext?

```ts theme={null}
optional aria-colindextext?: string;
```

Defines a human readable text alternative of aria-colindex.

#### See

aria-rowindextext.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-colindextext
```

***

### aria-colspan?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-colspan
```

***

### aria-controls?

```ts theme={null}
optional aria-controls?: string;
```

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

#### See

aria-owns.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-controls
```

***

### aria-current?

```ts theme={null}
optional aria-current?: boolean | "page" | "step" | "true" | "false" | "location" | "date" | "time";
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-current
```

***

### aria-describedby?

```ts theme={null}
optional aria-describedby?: string;
```

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

#### See

aria-labelledby

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-describedby
```

***

### aria-description?

```ts theme={null}
optional aria-description?: string;
```

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

#### See

related aria-describedby.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-description
```

***

### aria-details?

```ts theme={null}
optional aria-details?: string;
```

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

#### See

aria-describedby.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-details
```

***

### aria-disabled?

```ts theme={null}
optional aria-disabled?: Booleanish;
```

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

#### See

* aria-hidden
* aria-readonly.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-disabled
```

***

### ~~aria-dropeffect?~~

```ts theme={null}
optional aria-dropeffect?: "none" | "link" | "copy" | "execute" | "move" | "popup";
```

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

#### Deprecated

in ARIA 1.1

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-dropeffect
```

***

### aria-errormessage?

```ts theme={null}
optional aria-errormessage?: string;
```

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

#### See

* aria-invalid
* aria-describedby.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-errormessage
```

***

### aria-expanded?

```ts theme={null}
optional aria-expanded?: Booleanish;
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-expanded
```

***

### aria-flowto?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-flowto
```

***

### ~~aria-grabbed?~~

```ts theme={null}
optional aria-grabbed?: Booleanish;
```

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

#### Deprecated

in ARIA 1.1

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-grabbed
```

***

### aria-haspopup?

```ts theme={null}
optional aria-haspopup?: 
  | boolean
  | "true"
  | "false"
  | "dialog"
  | "grid"
  | "listbox"
  | "menu"
  | "tree";
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-haspopup
```

***

### aria-hidden?

```ts theme={null}
optional aria-hidden?: Booleanish;
```

Indicates whether the element is exposed to an accessibility API.

#### See

aria-disabled.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-hidden
```

***

### aria-invalid?

```ts theme={null}
optional aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling";
```

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

#### See

aria-errormessage.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-invalid
```

***

### aria-keyshortcuts?

```ts theme={null}
optional aria-keyshortcuts?: string;
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-keyshortcuts
```

***

### aria-label?

```ts theme={null}
optional aria-label?: string;
```

Defines a string value that labels the current element.

#### See

aria-labelledby.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-label
```

***

### aria-labelledby?

```ts theme={null}
optional aria-labelledby?: string;
```

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

#### See

aria-describedby.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-labelledby
```

***

### aria-level?

```ts theme={null}
optional aria-level?: number;
```

Defines the hierarchical level of an element within a structure.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-level
```

***

### aria-live?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-live
```

***

### aria-modal?

```ts theme={null}
optional aria-modal?: Booleanish;
```

Indicates whether an element is modal when displayed.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-modal
```

***

### aria-multiline?

```ts theme={null}
optional aria-multiline?: Booleanish;
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-multiline
```

***

### aria-multiselectable?

```ts theme={null}
optional aria-multiselectable?: Booleanish;
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-multiselectable
```

***

### aria-orientation?

```ts theme={null}
optional aria-orientation?: "horizontal" | "vertical";
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-orientation
```

***

### aria-owns?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-owns
```

***

### aria-placeholder?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-placeholder
```

***

### aria-posinset?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-posinset
```

***

### aria-pressed?

```ts theme={null}
optional aria-pressed?: boolean | "true" | "false" | "mixed";
```

Indicates the current "pressed" state of toggle buttons.

#### See

* aria-checked
* aria-selected.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-pressed
```

***

### aria-readonly?

```ts theme={null}
optional aria-readonly?: Booleanish;
```

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

#### See

aria-disabled.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-readonly
```

***

### aria-relevant?

```ts theme={null}
optional aria-relevant?: 
  | "all"
  | "text"
  | "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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-relevant
```

***

### aria-required?

```ts theme={null}
optional aria-required?: Booleanish;
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-required
```

***

### aria-roledescription?

```ts theme={null}
optional aria-roledescription?: string;
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-roledescription
```

***

### aria-rowcount?

```ts theme={null}
optional aria-rowcount?: number;
```

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

#### See

aria-rowindex.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-rowcount
```

***

### aria-rowindex?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-rowindex
```

***

### aria-rowindextext?

```ts theme={null}
optional aria-rowindextext?: string;
```

Defines a human readable text alternative of aria-rowindex.

#### See

aria-colindextext.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-rowindextext
```

***

### aria-rowspan?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-rowspan
```

***

### aria-selected?

```ts theme={null}
optional aria-selected?: Booleanish;
```

Indicates the current "selected" state of various widgets.

#### See

* aria-checked
* aria-pressed.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-selected
```

***

### aria-setsize?

```ts theme={null}
optional 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.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-setsize
```

***

### aria-sort?

```ts theme={null}
optional aria-sort?: "none" | "ascending" | "descending" | "other";
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-sort
```

***

### aria-valuemax?

```ts theme={null}
optional aria-valuemax?: number;
```

Defines the maximum allowed value for a range widget.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-valuemax
```

***

### aria-valuemin?

```ts theme={null}
optional aria-valuemin?: number;
```

Defines the minimum allowed value for a range widget.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-valuemin
```

***

### aria-valuenow?

```ts theme={null}
optional aria-valuenow?: number;
```

Defines the current value for a range widget.

#### See

aria-valuetext.

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-valuenow
```

***

### aria-valuetext?

```ts theme={null}
optional aria-valuetext?: string;
```

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

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.aria-valuetext
```

***

### autoCapitalize?

```ts theme={null}
optional autoCapitalize?: 
  | "off"
  | "none"
  | "on"
  | "sentences"
  | "words"
  | "characters"
  | string & {
};
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`autoCapitalize`](/extensions/reference/frontend-api/Interface.TapSelectProps#autocapitalize)

***

### autoCorrect?

```ts theme={null}
optional autoCorrect?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`autoCorrect`](/extensions/reference/frontend-api/Interface.TapSelectProps#autocorrect)

***

### autoFocus?

```ts theme={null}
optional autoFocus?: boolean;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`autoFocus`](/extensions/reference/frontend-api/Interface.TapSelectProps#autofocus)

***

### autoSave?

```ts theme={null}
optional autoSave?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`autoSave`](/extensions/reference/frontend-api/Interface.TapSelectProps#autosave)

***

### children?

```ts theme={null}
optional children?: ReactNode;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.children
```

***

### className?

```ts theme={null}
optional className?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`className`](/extensions/reference/frontend-api/Interface.TapSelectProps#classname)

***

### color?

```ts theme={null}
optional color?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`color`](/extensions/reference/frontend-api/Interface.TapSelectProps#color)

***

### content?

```ts theme={null}
optional content?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`content`](/extensions/reference/frontend-api/Interface.TapSelectProps#content)

***

### contentEditable?

```ts theme={null}
optional contentEditable?: Booleanish | "inherit" | "plaintext-only";
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`contentEditable`](/extensions/reference/frontend-api/Interface.TapSelectProps#contenteditable)

***

### contextMenu?

```ts theme={null}
optional contextMenu?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`contextMenu`](/extensions/reference/frontend-api/Interface.TapSelectProps#contextmenu)

***

### dangerouslySetInnerHTML?

```ts theme={null}
optional dangerouslySetInnerHTML?: {
  __html: string | TrustedHTML;
};
```

#### \_\_html

```ts theme={null}
__html: string | TrustedHTML;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.dangerouslySetInnerHTML
```

***

### datatype?

```ts theme={null}
optional datatype?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`datatype`](/extensions/reference/frontend-api/Interface.TapSelectProps#datatype)

***

### defaultChecked?

```ts theme={null}
optional defaultChecked?: boolean;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`defaultChecked`](/extensions/reference/frontend-api/Interface.TapSelectProps#defaultchecked)

***

### defaultValue?

```ts theme={null}
optional defaultValue?: string | number | readonly string[];
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`defaultValue`](/extensions/reference/frontend-api/Interface.TapSelectProps#defaultvalue)

***

### dir?

```ts theme={null}
optional dir?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`dir`](/extensions/reference/frontend-api/Interface.TapSelectProps#dir)

***

### disabled?

```ts theme={null}
optional disabled?: boolean;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.disabled
```

***

### draggable?

```ts theme={null}
optional draggable?: Booleanish;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`draggable`](/extensions/reference/frontend-api/Interface.TapSelectProps#draggable)

***

### enterKeyHint?

```ts theme={null}
optional enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`enterKeyHint`](/extensions/reference/frontend-api/Interface.TapSelectProps#enterkeyhint)

***

### exportparts?

```ts theme={null}
optional exportparts?: string;
```

#### See

[https://developer.mozilla.org/en-US/docs/Web/HTML/Global\_attributes/exportparts](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts)

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`exportparts`](/extensions/reference/frontend-api/Interface.TapSelectProps#exportparts)

***

### form?

```ts theme={null}
optional form?: string;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.form
```

***

### formAction?

```ts theme={null}
optional formAction?: string | ((formData) => void | Promise<void>);
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.formAction
```

***

### formEncType?

```ts theme={null}
optional formEncType?: string;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.formEncType
```

***

### formMethod?

```ts theme={null}
optional formMethod?: string;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.formMethod
```

***

### formNoValidate?

```ts theme={null}
optional formNoValidate?: boolean;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.formNoValidate
```

***

### formTarget?

```ts theme={null}
optional formTarget?: string;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.formTarget
```

***

### hidden?

```ts theme={null}
optional hidden?: boolean;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`hidden`](/extensions/reference/frontend-api/Interface.TapSelectProps#hidden)

***

### id?

```ts theme={null}
optional id?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`id`](/extensions/reference/frontend-api/Interface.TapSelectProps#id)

***

### inert?

```ts theme={null}
optional inert?: boolean;
```

#### See

[https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert)

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`inert`](/extensions/reference/frontend-api/Interface.TapSelectProps#inert)

***

### inlist?

```ts theme={null}
optional inlist?: any;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`inlist`](/extensions/reference/frontend-api/Interface.TapSelectProps#inlist)

***

### inputMode?

```ts theme={null}
optional inputMode?: 
  | "none"
  | "search"
  | "text"
  | "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](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`inputMode`](/extensions/reference/frontend-api/Interface.TapSelectProps#inputmode)

***

### is?

```ts theme={null}
optional 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](https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is)

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`is`](/extensions/reference/frontend-api/Interface.TapSelectProps#is)

***

### itemID?

```ts theme={null}
optional itemID?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`itemID`](/extensions/reference/frontend-api/Interface.TapSelectProps#itemid)

***

### itemProp?

```ts theme={null}
optional itemProp?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`itemProp`](/extensions/reference/frontend-api/Interface.TapSelectProps#itemprop)

***

### itemRef?

```ts theme={null}
optional itemRef?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`itemRef`](/extensions/reference/frontend-api/Interface.TapSelectProps#itemref)

***

### itemScope?

```ts theme={null}
optional itemScope?: boolean;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`itemScope`](/extensions/reference/frontend-api/Interface.TapSelectProps#itemscope)

***

### itemType?

```ts theme={null}
optional itemType?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`itemType`](/extensions/reference/frontend-api/Interface.TapSelectProps#itemtype)

***

### lang?

```ts theme={null}
optional lang?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`lang`](/extensions/reference/frontend-api/Interface.TapSelectProps#lang)

***

### loading?

```ts theme={null}
optional loading?: boolean;
```

Disables the button and marks it `aria-busy`.

***

### name?

```ts theme={null}
optional name?: string;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.name
```

***

### nonce?

```ts theme={null}
optional nonce?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`nonce`](/extensions/reference/frontend-api/Interface.TapSelectProps#nonce)

***

### onAbort?

```ts theme={null}
optional onAbort?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onAbort
```

***

### onAbortCapture?

```ts theme={null}
optional onAbortCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onAbortCapture
```

***

### onAnimationEnd?

```ts theme={null}
optional onAnimationEnd?: AnimationEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onAnimationEnd
```

***

### onAnimationEndCapture?

```ts theme={null}
optional onAnimationEndCapture?: AnimationEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onAnimationEndCapture
```

***

### onAnimationIteration?

```ts theme={null}
optional onAnimationIteration?: AnimationEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onAnimationIteration
```

***

### onAnimationIterationCapture?

```ts theme={null}
optional onAnimationIterationCapture?: AnimationEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onAnimationIterationCapture
```

***

### onAnimationStart?

```ts theme={null}
optional onAnimationStart?: AnimationEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onAnimationStart
```

***

### onAnimationStartCapture?

```ts theme={null}
optional onAnimationStartCapture?: AnimationEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onAnimationStartCapture
```

***

### onAuxClick?

```ts theme={null}
optional onAuxClick?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onAuxClick
```

***

### onAuxClickCapture?

```ts theme={null}
optional onAuxClickCapture?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onAuxClickCapture
```

***

### onBeforeInput?

```ts theme={null}
optional onBeforeInput?: InputEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onBeforeInput
```

***

### onBeforeInputCapture?

```ts theme={null}
optional onBeforeInputCapture?: InputEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onBeforeInputCapture
```

***

### onBeforeToggle?

```ts theme={null}
optional onBeforeToggle?: ToggleEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onBeforeToggle
```

***

### onBlur?

```ts theme={null}
optional onBlur?: FocusEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onBlur
```

***

### onBlurCapture?

```ts theme={null}
optional onBlurCapture?: FocusEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onBlurCapture
```

***

### onCanPlay?

```ts theme={null}
optional onCanPlay?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCanPlay
```

***

### onCanPlayCapture?

```ts theme={null}
optional onCanPlayCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCanPlayCapture
```

***

### onCanPlayThrough?

```ts theme={null}
optional onCanPlayThrough?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCanPlayThrough
```

***

### onCanPlayThroughCapture?

```ts theme={null}
optional onCanPlayThroughCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCanPlayThroughCapture
```

***

### onChange?

```ts theme={null}
optional onChange?: ChangeEventHandler<HTMLButtonElement, Element>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onChange
```

***

### onChangeCapture?

```ts theme={null}
optional onChangeCapture?: ChangeEventHandler<HTMLButtonElement, Element>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onChangeCapture
```

***

### onClick?

```ts theme={null}
optional onClick?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onClick
```

***

### onClickCapture?

```ts theme={null}
optional onClickCapture?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onClickCapture
```

***

### onCompositionEnd?

```ts theme={null}
optional onCompositionEnd?: CompositionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCompositionEnd
```

***

### onCompositionEndCapture?

```ts theme={null}
optional onCompositionEndCapture?: CompositionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCompositionEndCapture
```

***

### onCompositionStart?

```ts theme={null}
optional onCompositionStart?: CompositionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCompositionStart
```

***

### onCompositionStartCapture?

```ts theme={null}
optional onCompositionStartCapture?: CompositionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCompositionStartCapture
```

***

### onCompositionUpdate?

```ts theme={null}
optional onCompositionUpdate?: CompositionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCompositionUpdate
```

***

### onCompositionUpdateCapture?

```ts theme={null}
optional onCompositionUpdateCapture?: CompositionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCompositionUpdateCapture
```

***

### onContextMenu?

```ts theme={null}
optional onContextMenu?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onContextMenu
```

***

### onContextMenuCapture?

```ts theme={null}
optional onContextMenuCapture?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onContextMenuCapture
```

***

### onCopy?

```ts theme={null}
optional onCopy?: ClipboardEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCopy
```

***

### onCopyCapture?

```ts theme={null}
optional onCopyCapture?: ClipboardEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCopyCapture
```

***

### onCut?

```ts theme={null}
optional onCut?: ClipboardEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCut
```

***

### onCutCapture?

```ts theme={null}
optional onCutCapture?: ClipboardEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onCutCapture
```

***

### onDoubleClick?

```ts theme={null}
optional onDoubleClick?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDoubleClick
```

***

### onDoubleClickCapture?

```ts theme={null}
optional onDoubleClickCapture?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDoubleClickCapture
```

***

### onDrag?

```ts theme={null}
optional onDrag?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDrag
```

***

### onDragCapture?

```ts theme={null}
optional onDragCapture?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragCapture
```

***

### onDragEnd?

```ts theme={null}
optional onDragEnd?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragEnd
```

***

### onDragEndCapture?

```ts theme={null}
optional onDragEndCapture?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragEndCapture
```

***

### onDragEnter?

```ts theme={null}
optional onDragEnter?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragEnter
```

***

### onDragEnterCapture?

```ts theme={null}
optional onDragEnterCapture?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragEnterCapture
```

***

### onDragExit?

```ts theme={null}
optional onDragExit?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragExit
```

***

### onDragExitCapture?

```ts theme={null}
optional onDragExitCapture?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragExitCapture
```

***

### onDragLeave?

```ts theme={null}
optional onDragLeave?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragLeave
```

***

### onDragLeaveCapture?

```ts theme={null}
optional onDragLeaveCapture?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragLeaveCapture
```

***

### onDragOver?

```ts theme={null}
optional onDragOver?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragOver
```

***

### onDragOverCapture?

```ts theme={null}
optional onDragOverCapture?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragOverCapture
```

***

### onDragStart?

```ts theme={null}
optional onDragStart?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragStart
```

***

### onDragStartCapture?

```ts theme={null}
optional onDragStartCapture?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDragStartCapture
```

***

### onDrop?

```ts theme={null}
optional onDrop?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDrop
```

***

### onDropCapture?

```ts theme={null}
optional onDropCapture?: DragEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDropCapture
```

***

### onDurationChange?

```ts theme={null}
optional onDurationChange?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDurationChange
```

***

### onDurationChangeCapture?

```ts theme={null}
optional onDurationChangeCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onDurationChangeCapture
```

***

### onEmptied?

```ts theme={null}
optional onEmptied?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onEmptied
```

***

### onEmptiedCapture?

```ts theme={null}
optional onEmptiedCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onEmptiedCapture
```

***

### onEncrypted?

```ts theme={null}
optional onEncrypted?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onEncrypted
```

***

### onEncryptedCapture?

```ts theme={null}
optional onEncryptedCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onEncryptedCapture
```

***

### onEnded?

```ts theme={null}
optional onEnded?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onEnded
```

***

### onEndedCapture?

```ts theme={null}
optional onEndedCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onEndedCapture
```

***

### onError?

```ts theme={null}
optional onError?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onError
```

***

### onErrorCapture?

```ts theme={null}
optional onErrorCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onErrorCapture
```

***

### onFocus?

```ts theme={null}
optional onFocus?: FocusEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onFocus
```

***

### onFocusCapture?

```ts theme={null}
optional onFocusCapture?: FocusEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onFocusCapture
```

***

### onGotPointerCapture?

```ts theme={null}
optional onGotPointerCapture?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onGotPointerCapture
```

***

### onGotPointerCaptureCapture?

```ts theme={null}
optional onGotPointerCaptureCapture?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onGotPointerCaptureCapture
```

***

### onInput?

```ts theme={null}
optional onInput?: InputEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onInput
```

***

### onInputCapture?

```ts theme={null}
optional onInputCapture?: InputEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onInputCapture
```

***

### onInvalid?

```ts theme={null}
optional onInvalid?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onInvalid
```

***

### onInvalidCapture?

```ts theme={null}
optional onInvalidCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onInvalidCapture
```

***

### onKeyDown?

```ts theme={null}
optional onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onKeyDown
```

***

### onKeyDownCapture?

```ts theme={null}
optional onKeyDownCapture?: KeyboardEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onKeyDownCapture
```

***

### ~~onKeyPress?~~

```ts theme={null}
optional onKeyPress?: KeyboardEventHandler<HTMLButtonElement>;
```

#### Deprecated

Use `onKeyUp` or `onKeyDown` instead

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onKeyPress
```

***

### ~~onKeyPressCapture?~~

```ts theme={null}
optional onKeyPressCapture?: KeyboardEventHandler<HTMLButtonElement>;
```

#### Deprecated

Use `onKeyUpCapture` or `onKeyDownCapture` instead

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onKeyPressCapture
```

***

### onKeyUp?

```ts theme={null}
optional onKeyUp?: KeyboardEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onKeyUp
```

***

### onKeyUpCapture?

```ts theme={null}
optional onKeyUpCapture?: KeyboardEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onKeyUpCapture
```

***

### onLoad?

```ts theme={null}
optional onLoad?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onLoad
```

***

### onLoadCapture?

```ts theme={null}
optional onLoadCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onLoadCapture
```

***

### onLoadedData?

```ts theme={null}
optional onLoadedData?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onLoadedData
```

***

### onLoadedDataCapture?

```ts theme={null}
optional onLoadedDataCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onLoadedDataCapture
```

***

### onLoadedMetadata?

```ts theme={null}
optional onLoadedMetadata?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onLoadedMetadata
```

***

### onLoadedMetadataCapture?

```ts theme={null}
optional onLoadedMetadataCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onLoadedMetadataCapture
```

***

### onLoadStart?

```ts theme={null}
optional onLoadStart?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onLoadStart
```

***

### onLoadStartCapture?

```ts theme={null}
optional onLoadStartCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onLoadStartCapture
```

***

### onLostPointerCapture?

```ts theme={null}
optional onLostPointerCapture?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onLostPointerCapture
```

***

### onLostPointerCaptureCapture?

```ts theme={null}
optional onLostPointerCaptureCapture?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onLostPointerCaptureCapture
```

***

### onMouseDown?

```ts theme={null}
optional onMouseDown?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseDown
```

***

### onMouseDownCapture?

```ts theme={null}
optional onMouseDownCapture?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseDownCapture
```

***

### onMouseEnter?

```ts theme={null}
optional onMouseEnter?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseEnter
```

***

### onMouseLeave?

```ts theme={null}
optional onMouseLeave?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseLeave
```

***

### onMouseMove?

```ts theme={null}
optional onMouseMove?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseMove
```

***

### onMouseMoveCapture?

```ts theme={null}
optional onMouseMoveCapture?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseMoveCapture
```

***

### onMouseOut?

```ts theme={null}
optional onMouseOut?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseOut
```

***

### onMouseOutCapture?

```ts theme={null}
optional onMouseOutCapture?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseOutCapture
```

***

### onMouseOver?

```ts theme={null}
optional onMouseOver?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseOver
```

***

### onMouseOverCapture?

```ts theme={null}
optional onMouseOverCapture?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseOverCapture
```

***

### onMouseUp?

```ts theme={null}
optional onMouseUp?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseUp
```

***

### onMouseUpCapture?

```ts theme={null}
optional onMouseUpCapture?: MouseEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onMouseUpCapture
```

***

### onPaste?

```ts theme={null}
optional onPaste?: ClipboardEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPaste
```

***

### onPasteCapture?

```ts theme={null}
optional onPasteCapture?: ClipboardEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPasteCapture
```

***

### onPause?

```ts theme={null}
optional onPause?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPause
```

***

### onPauseCapture?

```ts theme={null}
optional onPauseCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPauseCapture
```

***

### onPlay?

```ts theme={null}
optional onPlay?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPlay
```

***

### onPlayCapture?

```ts theme={null}
optional onPlayCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPlayCapture
```

***

### onPlaying?

```ts theme={null}
optional onPlaying?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPlaying
```

***

### onPlayingCapture?

```ts theme={null}
optional onPlayingCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPlayingCapture
```

***

### onPointerCancel?

```ts theme={null}
optional onPointerCancel?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerCancel
```

***

### onPointerCancelCapture?

```ts theme={null}
optional onPointerCancelCapture?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerCancelCapture
```

***

### onPointerDown?

```ts theme={null}
optional onPointerDown?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerDown
```

***

### onPointerDownCapture?

```ts theme={null}
optional onPointerDownCapture?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerDownCapture
```

***

### onPointerEnter?

```ts theme={null}
optional onPointerEnter?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerEnter
```

***

### onPointerLeave?

```ts theme={null}
optional onPointerLeave?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerLeave
```

***

### onPointerMove?

```ts theme={null}
optional onPointerMove?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerMove
```

***

### onPointerMoveCapture?

```ts theme={null}
optional onPointerMoveCapture?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerMoveCapture
```

***

### onPointerOut?

```ts theme={null}
optional onPointerOut?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerOut
```

***

### onPointerOutCapture?

```ts theme={null}
optional onPointerOutCapture?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerOutCapture
```

***

### onPointerOver?

```ts theme={null}
optional onPointerOver?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerOver
```

***

### onPointerOverCapture?

```ts theme={null}
optional onPointerOverCapture?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerOverCapture
```

***

### onPointerUp?

```ts theme={null}
optional onPointerUp?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerUp
```

***

### onPointerUpCapture?

```ts theme={null}
optional onPointerUpCapture?: PointerEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onPointerUpCapture
```

***

### onProgress?

```ts theme={null}
optional onProgress?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onProgress
```

***

### onProgressCapture?

```ts theme={null}
optional onProgressCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onProgressCapture
```

***

### onRateChange?

```ts theme={null}
optional onRateChange?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onRateChange
```

***

### onRateChangeCapture?

```ts theme={null}
optional onRateChangeCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onRateChangeCapture
```

***

### onReset?

```ts theme={null}
optional onReset?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onReset
```

***

### onResetCapture?

```ts theme={null}
optional onResetCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onResetCapture
```

***

### onScroll?

```ts theme={null}
optional onScroll?: UIEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onScroll
```

***

### onScrollCapture?

```ts theme={null}
optional onScrollCapture?: UIEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onScrollCapture
```

***

### onScrollEnd?

```ts theme={null}
optional onScrollEnd?: UIEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onScrollEnd
```

***

### onScrollEndCapture?

```ts theme={null}
optional onScrollEndCapture?: UIEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onScrollEndCapture
```

***

### onSeeked?

```ts theme={null}
optional onSeeked?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onSeeked
```

***

### onSeekedCapture?

```ts theme={null}
optional onSeekedCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onSeekedCapture
```

***

### onSeeking?

```ts theme={null}
optional onSeeking?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onSeeking
```

***

### onSeekingCapture?

```ts theme={null}
optional onSeekingCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onSeekingCapture
```

***

### onSelect?

```ts theme={null}
optional onSelect?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onSelect
```

***

### onSelectCapture?

```ts theme={null}
optional onSelectCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onSelectCapture
```

***

### onStalled?

```ts theme={null}
optional onStalled?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onStalled
```

***

### onStalledCapture?

```ts theme={null}
optional onStalledCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onStalledCapture
```

***

### onSubmit?

```ts theme={null}
optional onSubmit?: SubmitEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onSubmit
```

***

### onSubmitCapture?

```ts theme={null}
optional onSubmitCapture?: SubmitEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onSubmitCapture
```

***

### onSuspend?

```ts theme={null}
optional onSuspend?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onSuspend
```

***

### onSuspendCapture?

```ts theme={null}
optional onSuspendCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onSuspendCapture
```

***

### onTimeUpdate?

```ts theme={null}
optional onTimeUpdate?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTimeUpdate
```

***

### onTimeUpdateCapture?

```ts theme={null}
optional onTimeUpdateCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTimeUpdateCapture
```

***

### onToggle?

```ts theme={null}
optional onToggle?: ToggleEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onToggle
```

***

### onTouchCancel?

```ts theme={null}
optional onTouchCancel?: TouchEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTouchCancel
```

***

### onTouchCancelCapture?

```ts theme={null}
optional onTouchCancelCapture?: TouchEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTouchCancelCapture
```

***

### onTouchEnd?

```ts theme={null}
optional onTouchEnd?: TouchEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTouchEnd
```

***

### onTouchEndCapture?

```ts theme={null}
optional onTouchEndCapture?: TouchEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTouchEndCapture
```

***

### onTouchMove?

```ts theme={null}
optional onTouchMove?: TouchEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTouchMove
```

***

### onTouchMoveCapture?

```ts theme={null}
optional onTouchMoveCapture?: TouchEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTouchMoveCapture
```

***

### onTouchStart?

```ts theme={null}
optional onTouchStart?: TouchEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTouchStart
```

***

### onTouchStartCapture?

```ts theme={null}
optional onTouchStartCapture?: TouchEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTouchStartCapture
```

***

### onTransitionCancel?

```ts theme={null}
optional onTransitionCancel?: TransitionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTransitionCancel
```

***

### onTransitionCancelCapture?

```ts theme={null}
optional onTransitionCancelCapture?: TransitionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTransitionCancelCapture
```

***

### onTransitionEnd?

```ts theme={null}
optional onTransitionEnd?: TransitionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTransitionEnd
```

***

### onTransitionEndCapture?

```ts theme={null}
optional onTransitionEndCapture?: TransitionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTransitionEndCapture
```

***

### onTransitionRun?

```ts theme={null}
optional onTransitionRun?: TransitionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTransitionRun
```

***

### onTransitionRunCapture?

```ts theme={null}
optional onTransitionRunCapture?: TransitionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTransitionRunCapture
```

***

### onTransitionStart?

```ts theme={null}
optional onTransitionStart?: TransitionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTransitionStart
```

***

### onTransitionStartCapture?

```ts theme={null}
optional onTransitionStartCapture?: TransitionEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onTransitionStartCapture
```

***

### onVolumeChange?

```ts theme={null}
optional onVolumeChange?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onVolumeChange
```

***

### onVolumeChangeCapture?

```ts theme={null}
optional onVolumeChangeCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onVolumeChangeCapture
```

***

### onWaiting?

```ts theme={null}
optional onWaiting?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onWaiting
```

***

### onWaitingCapture?

```ts theme={null}
optional onWaitingCapture?: ReactEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onWaitingCapture
```

***

### onWheel?

```ts theme={null}
optional onWheel?: WheelEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onWheel
```

***

### onWheelCapture?

```ts theme={null}
optional onWheelCapture?: WheelEventHandler<HTMLButtonElement>;
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.onWheelCapture
```

***

### part?

```ts theme={null}
optional part?: string;
```

#### See

[https://developer.mozilla.org/en-US/docs/Web/HTML/Global\_attributes/part](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part)

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`part`](/extensions/reference/frontend-api/Interface.TapSelectProps#part)

***

### popover?

```ts theme={null}
optional popover?: "" | "auto" | "manual" | "hint";
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`popover`](/extensions/reference/frontend-api/Interface.TapSelectProps#popover)

***

### popoverTarget?

```ts theme={null}
optional popoverTarget?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`popoverTarget`](/extensions/reference/frontend-api/Interface.TapSelectProps#popovertarget)

***

### popoverTargetAction?

```ts theme={null}
optional popoverTargetAction?: "toggle" | "show" | "hide";
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`popoverTargetAction`](/extensions/reference/frontend-api/Interface.TapSelectProps#popovertargetaction)

***

### prefix?

```ts theme={null}
optional prefix?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`prefix`](/extensions/reference/frontend-api/Interface.TapSelectProps#prefix)

***

### property?

```ts theme={null}
optional property?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`property`](/extensions/reference/frontend-api/Interface.TapSelectProps#property)

***

### radioGroup?

```ts theme={null}
optional radioGroup?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`radioGroup`](/extensions/reference/frontend-api/Interface.TapSelectProps#radiogroup)

***

### rel?

```ts theme={null}
optional rel?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`rel`](/extensions/reference/frontend-api/Interface.TapSelectProps#rel)

***

### resource?

```ts theme={null}
optional resource?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`resource`](/extensions/reference/frontend-api/Interface.TapSelectProps#resource)

***

### results?

```ts theme={null}
optional results?: number;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`results`](/extensions/reference/frontend-api/Interface.TapSelectProps#results)

***

### rev?

```ts theme={null}
optional rev?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`rev`](/extensions/reference/frontend-api/Interface.TapSelectProps#rev)

***

### role?

```ts theme={null}
optional role?: AriaRole;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`role`](/extensions/reference/frontend-api/Interface.TapSelectProps#role)

***

### security?

```ts theme={null}
optional security?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`security`](/extensions/reference/frontend-api/Interface.TapSelectProps#security)

***

### size?

```ts theme={null}
optional size?: "sm" | "md";
```

Defaults to `md`.

***

### slot?

```ts theme={null}
optional slot?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`slot`](/extensions/reference/frontend-api/Interface.TapSelectProps#slot)

***

### spellCheck?

```ts theme={null}
optional spellCheck?: Booleanish;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`spellCheck`](/extensions/reference/frontend-api/Interface.TapSelectProps#spellcheck)

***

### style?

```ts theme={null}
optional style?: CSSProperties;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`style`](/extensions/reference/frontend-api/Interface.TapSelectProps#style)

***

### suppressContentEditableWarning?

```ts theme={null}
optional suppressContentEditableWarning?: boolean;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`suppressContentEditableWarning`](/extensions/reference/frontend-api/Interface.TapSelectProps#suppresscontenteditablewarning)

***

### suppressHydrationWarning?

```ts theme={null}
optional suppressHydrationWarning?: boolean;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`suppressHydrationWarning`](/extensions/reference/frontend-api/Interface.TapSelectProps#suppresshydrationwarning)

***

### tabIndex?

```ts theme={null}
optional tabIndex?: number;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`tabIndex`](/extensions/reference/frontend-api/Interface.TapSelectProps#tabindex)

***

### title?

```ts theme={null}
optional title?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`title`](/extensions/reference/frontend-api/Interface.TapSelectProps#title)

***

### translate?

```ts theme={null}
optional translate?: "yes" | "no";
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`translate`](/extensions/reference/frontend-api/Interface.TapSelectProps#translate)

***

### type?

```ts theme={null}
optional type?: "submit" | "reset" | "button";
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.type
```

***

### typeof?

```ts theme={null}
optional typeof?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`typeof`](/extensions/reference/frontend-api/Interface.TapSelectProps#typeof)

***

### unselectable?

```ts theme={null}
optional unselectable?: "off" | "on";
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`unselectable`](/extensions/reference/frontend-api/Interface.TapSelectProps#unselectable)

***

### value?

```ts theme={null}
optional value?: string | number | readonly string[];
```

#### Inherited from

```ts theme={null}
ButtonHTMLAttributes.value
```

***

### variant?

```ts theme={null}
optional variant?: "primary" | "secondary" | "ghost" | "danger";
```

Defaults to `primary`.

***

### vocab?

```ts theme={null}
optional vocab?: string;
```

#### Inherited from

[`TapSelectProps`](/extensions/reference/frontend-api/Interface.TapSelectProps).[`vocab`](/extensions/reference/frontend-api/Interface.TapSelectProps#vocab)