| | |
| TapAreaLink is a wrapper around non-button components (or children) that provides clicking / touching functionality as if they were a unified button area.
| |
| | |
| | |
| "page"
| "step"
| "location"
| "date"
| "time"
| "true"
| "false"
| "section" | |
| For accessibility purposes. When you have a group of related elements with one element in the group styled differently from the others to indicate that this is the current element within its group, accessibilityCurrent should be used to inform the assistive technology user what has been indicated via styling.
Accessibility: It populates aria-current.
| |
| | |
| Supply a short, descriptive label for screen-readers to replace TapArea texts that do not provide sufficient context about the button component behavior.
Accessibility: It populates aria-label.
| |
| | |
| Available for testing purposes, if needed. Consider better queries before using this prop.
| |
| | |
| Set disabled state so TapAreaLink cannot be interacted with and actions are not available.
| |
| | |
| Set the TapAreaLink height to expand to the full height of the parent.
| |
| | |
| Set the TapAreaLink width to expand to the full width of the parent.
| |
| "copy" | "grab" | "grabbing" | "move" | "noDrop" | "pointer" | "zoomIn" | "zoomOut" | |
| Select a mouse cursor type to convey the TapAreaLink expected behavior
| |
| ({|
event: SyntheticFocusEvent<HTMLAnchorElement>,
|}) => void | |
| Callback fired when a TapAreaLink component loses focus
| |
| ({|
event: SyntheticFocusEvent<HTMLAnchorElement>,
|}) => void | |
| Callback fired when a TapAreaLink component gets focus via keyboard navigation, mouse click (pressed), or focus method
| |
| ({|
event: SyntheticKeyboardEvent<HTMLAnchorElement>,
|}) => void | |
| Callback fired when a keyboard key is pressed
| |
| ({|
event: SyntheticMouseEvent<HTMLAnchorElement>,
|}) => void | |
| Callback fired when a click event begins
| |
| ({|
event: SyntheticMouseEvent<HTMLAnchorElement>,
|}) => void | |
| Callback fired when a mouse pointer moves onto a TapAreaLink component
| |
| ({|
event: SyntheticMouseEvent<HTMLAnchorElement>,
|}) => void | |
| Callback fired when a mouse pointer moves out a TapAreaLink component
| |
| ({|
event: SyntheticMouseEvent<HTMLAnchorElement>,
|}) => void | |
| Callback fired when a click event ends
| |
| ({|
event: SyntheticMouseEvent<HTMLAnchorElement> | SyntheticKeyboardEvent<HTMLAnchorElement>,
dangerouslyDisableOnNavigation: () => void,
|}) => void | |
| Callback fired when a TapAreaLink component is clicked (pressed and released) with a mouse or keyboard
| |
| | |
| | |
| 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | "circle" | "pill" | |
| | |
| | |
| | |
| | |
| Set a compressing behavior when the TapAreaLink is clicked / touched
- 'none' does not compress TapArea.
- 'compress' scales down TapArea.
| |
| | |
| Indicates the browsing context where an href will be opened:
- 'null' opens the anchor in the same window.
- 'blank' opens the anchor in a new window.
- 'self' opens an anchor in the same frame.
| |