Optional
aboutOptional
accessOptional
alignOptional
aria-Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
Optional
aria-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.
Optional
aria-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.
Optional
aria-Defines a string value that labels the current element, which is intended to be converted into Braille.
Optional
aria-Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
Optional
aria-Optional
aria-Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
Optional
aria-Defines the total number of columns in a table, grid, or treegrid.
Optional
aria-Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
Optional
aria-Defines a human readable text alternative of aria-colindex.
Optional
aria-Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
Optional
aria-Identifies the element (or elements) whose contents or presence are controlled by the current element.
Optional
aria-Indicates the element that represents the current item within a container or set of related elements.
Optional
aria-Identifies the element (or elements) that describes the object.
Optional
aria-Defines a string value that describes or annotates the current element.
Optional
aria-Identifies the element that provides a detailed, extended description for the object.
Optional
aria-Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
Optional
aria-Indicates what functions can be performed when a dragged object is released on the drop target.
Optional
aria-Identifies the element that provides an error message for the object.
Optional
aria-Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
Optional
aria-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.
Optional
aria-Indicates an element's "grabbed" state in a drag-and-drop operation.
Optional
aria-Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
Optional
aria-Indicates whether the element is exposed to an accessibility API.
Optional
aria-Indicates the entered value does not conform to the format expected by the application.
Optional
aria-Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
Optional
aria-Defines a string value that labels the current element.
Optional
aria-Identifies the element (or elements) that labels the current element.
Optional
aria-Defines the hierarchical level of an element within a structure.
Optional
aria-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.
Optional
aria-Indicates whether an element is modal when displayed.
Optional
aria-Indicates whether a text box accepts multiple lines of input or only a single line.
Optional
aria-Indicates that the user may select more than one item from the current selectable descendants.
Optional
aria-Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
Optional
aria-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.
Optional
aria-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.
Optional
aria-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.
Optional
aria-Indicates the current "pressed" state of toggle buttons.
Optional
aria-Indicates that the element is not editable, but is otherwise operable.
Optional
aria-Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
Optional
aria-Indicates that user input is required on the element before a form may be submitted.
Optional
aria-Defines a human-readable, author-localized description for the role of an element.
Optional
aria-Defines the total number of rows in a table, grid, or treegrid.
Optional
aria-Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
Optional
aria-Defines a human readable text alternative of aria-rowindex.
Optional
aria-Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
Optional
aria-Indicates the current "selected" state of various widgets.
Optional
aria-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.
Optional
aria-Indicates if items in a table or grid are sorted in ascending or descending order.
Optional
aria-Defines the maximum allowed value for a range widget.
Optional
aria-Defines the minimum allowed value for a range widget.
Optional
aria-Defines the current value for a range widget.
Optional
aria-Defines the human readable text alternative of aria-valuenow for a range widget.
Optional
arrowIf true
, adds an arrow to the tooltip.
Optional
autoOptional
autoOptional
autoOptional
autoTooltip reference element.
Optional
classesOverride or extend the styles applied to the component.
Optional
classOptional
colorColor of the Tooltip.
Optional
componentsThe components used for each slot inside.
This prop is an alias for the slots
prop.
It's recommended to use the slots
prop instead.
Optional
componentsThe extra props for the slot components. You can override the existing props or add new ones.
This prop is an alias for the slotProps
prop.
It's recommended to use the slotProps
prop instead, as componentsProps
will be deprecated in the future.
Optional
contentOptional
contentOptional
contextOptional
dangerouslyOptional
datatypeOptional
defaultOptional
defaultOptional
describeSet to true
if the title
acts as an accessible description.
By default the title
acts as an accessible label for the child.
Optional
dirOptional
directionVertical placement direction of the tooltip relative to the anchor element.
Optional
disableDo not respond to focus-visible events.
Optional
disableDo not respond to hover events.
Optional
disableMakes a tooltip not interactive, i.e. it will close when the user
hovers over the tooltip before the leaveDelay
is expired.
Optional
disableDo not respond to long press touch events.
Optional
draggableOptional
elevationElevation of the AppBar. Used primarily in dark mode to handle modals and layers
Optional
enterThe number of milliseconds to wait before showing the tooltip.
This prop won't impact the enter touch delay (enterTouchDelay
).
Optional
enterOptional
enterThe number of milliseconds to wait before showing the tooltip when one was already recently opened.
Optional
enterThe number of milliseconds a user must touch the element before showing the tooltip.
Optional
followIf true
, the tooltip follow the cursor over the wrapped element.
Optional
hiddenOptional
idThis prop is used to help implement the accessibility logic. If you don't provide this prop. It falls back to a randomly generated id.
Optional
inertOptional
inlistOptional
inputHints at the type of data that might be entered by the user while editing the element or its contents
Optional
isSpecify that a standard HTML element should behave like a defined custom built-in element
Optional
itemIDOptional
itemOptional
itemOptional
itemOptional
itemOptional
langOptional
leaveThe number of milliseconds to wait before hiding the tooltip.
This prop won't impact the leave touch delay (leaveTouchDelay
).
Optional
leaveThe number of milliseconds after the user stops touching an element before hiding the tooltip.
Optional
nonceOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onCallback function that is fired when the tooltip requests to be closed.
Optional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onCallback fired when the component requests to be open.
The event source of the callback.
Optional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onOptional
onControls the visibility of the tooltip; true shows the tooltip, false hides it.
Optional
placementTooltip placement.
Optional
popoverOptional
popoverOptional
popoverOptional
PopperThe component used for the popper.
Optional
PopperProps applied to the Popper
element.
Optional
prefixOptional
propertyOptional
radioOptional
refOptional
relOptional
resourceOptional
resultsOptional
revOptional
roleOptional
securityOptional
slotOptional
slotThe extra props for the slot components. You can override the existing props or add new ones.
This prop is an alias for the componentsProps
prop, which will be deprecated in the future.
Optional
slotsThe components used for each slot inside.
This prop is an alias for the components
prop, which will be deprecated in the future.
Optional
spellOptional
styleOptional
suppressOptional
suppressOptional
sxThe system prop that allows defining system overrides as well as additional CSS styles.
Optional
tabTooltip title. Zero-length titles string, undefined, null and false are never displayed.
Optional
TransitionThe component used for the transition. Follow this guide to learn more about the requirements for this component.
Optional
TransitionProps applied to the transition element.
By default, the element is based on this Transition
component.
Optional
translateOptional
twSpecify styles using Tailwind CSS classes. This feature is currently experimental.
If style
prop is also specified, styles generated with tw
prop will be overridden.
Example:
tw='w-full h-full bg-blue-200'
tw='text-9xl'
tw='text-[80px]'
Optional
typeofOptional
unselectableOptional
vocab
Horizontal alignment of the tooltip arrow relative to the tooltip element.