| | |
| Label for screen readers to announce IconButtonLink.
| |
| | |
| | |
| "transparent"
| "darkGray"
| "transparentDarkGray"
| "gray"
| "lightGray"
| "white"
| "red"
| |
| Primary colors to apply to the IconButtonLink background.
| |
| | |
| Defines a new icon different from the built-in Gestalt icons.
| |
| | |
| Available for testing purposes, if needed. Consider better queries before using this prop.
| |
| | |
| When disabled, IconButtonLink looks inactive and cannot be interacted with.
| |
| "3D" | "3D-move" | "accessibility" | "ad" | "ad-group" | "add" | "add-circle" | "add-layout" | "add-pin" | "add-section" | "ads-stats" | "ads-overview" | "alert" | "align-bottom-center" | "align-bottom-left" | "align-bottom-right" | "align-bottom" | "align-middle" | "align-top-center" | "align-top-left" | "align-top-right" | "align-top" | "android-share" | "angled-pin" | "apple" | "apps" | "arrow-back" | "arrow-circle-back" | "arrow-circle-down" | "arrow-circle-forward" | "arrow-circle-up" | "arrow-down" | "arrow-end" | "arrow-forward" | "arrow-left-curved" | "arrow-start" | "arrow-up" | "arrow-up-right" | "bell" | "board" | "briefcase" | "business-hierarchy" | "calendar" | "calendar-check" | "camera" | "camera-roll" | "cancel" | "canonical-pin" | "captions" | "color-picker" | "check" | "check-circle" | "circle-outline" | "clear" | "clock" | "code" | "code-checked" | "cog" | "compass" | "compose" | "copy-to-clipboard" | "crop" | "dash" | "desktop" | "conversion-tag" | "credit-card" | "directional-arrow-left" | "directional-arrow-right" | "download" | "drag-drop" | "duplicate" | "edit" | "ellipsis" | "ellipsis-circle-outline" | "envelope" | "eye" | "eye-hide" | "facebook" | "face-happy" | "face-neutral" | "face-sad" | "face-smiley" | "file-unknown" | "fill-opaque" | "fill-transparent" | "filter" | "flag" | "flame" | "flash" | "flashlight" | "flipHorizontal" | "flipVertical" | "folder" | "gif" | "globe" | "globe-checked" | "gmail" | "graph-bar" | "handle" | "hand-pointing" | "heart" | "heart-outline" | "heart-broken" | "history" | "home" | "idea-pin" | "image-portrait" | "impressum" | "insights-audience" | "insights-conversions" | "instagram" | "invoice" | "info-circle" | "key" | "knoop" | "lightbulb" | "lightning-bolt-circle" | "link" | "live" | "location" | "lock" | "logo-large" | "logo-small" | "logout" | "manage-access" | "magic-pen" | "margins-large" | "margins-medium" | "margins-small" | "maximize" | "megaphone" | "menu" | "minimize" | "mobile" | "moon" | "move" | "mute" | "move-pin" | "music-off" | "music-on" | "overlay-text" | "overview" | "pause" | "people" | "person" | "person-add" | "phone" | "pin" | "pincode" | "pin-hide" | "pinterest" | "play" | "protect" | "refresh" | "question-mark" | "remove" | "reorder-images" | "replace" | "report" | "rotate" | "save-outline" | "saved" | "scale" | "search" | "security" | "shopping-bag" | "smiley" | "smiley-outline" | "send" | "share" | "sound" | "sort-ascending" | "sort-descending" | "sparkle" | "speech" | "speech-ellipsis" | "star-outline" | "star" | "star-half" | "sun" | "switch-account" | "table" | "tag" | "terms" | "text-align-left" | "text-align-center" | "text-align-right" | "text-all-caps" | "text-extra-small" | "text-large" | "text-line-height" | "text-medium" | "text-sentence-case" | "text-size" | "text-small" | "text-spacing" | "thumbs-down" | "thumbs-up" | "trash-can" | "target" | "trending" | "twitter" | "video-advance-10-seconds" | "video-camera" | "video-rewind-10-seconds" | "view-type-default" | "view-type-dense" | "view-type-list" | "visit" | "whats-app" | "wifi-no" | "workflow-status-all" | "workflow-status-canceled" | "workflow-status-halted" | "workflow-status-in-progress" | "workflow-status-ok" | "workflow-status-problem" | "workflow-status-queued" | "workflow-status-unstarted" | "workflow-status-warning"
| |
| SVG icon from the Gestalt icon library to use within Icon.
See the icon library to explore available options.
| |
| "gray" | "darkGray" | "red" | "white" | "brandPrimary"
| |
| Primary color to apply to the Icon.
| |
| ({|
event: SyntheticMouseEvent<HTMLAnchorElement> | SyntheticKeyboardEvent<HTMLAnchorElement>,
dangerouslyDisableOnNavigation: () => void,
|}) => void
| |
| | |
| | |
| Sets a padding for the IconButtonLink.
| |
| | |
| Specifies the relationship between the current document and the linked document.
| |
| "xs" | "sm" | "md" | "lg" | "xl"
| |
| The maximum height and width of IconButtonLink.
| |
| | |
| Removes IconButtonLink from sequential keyboard navigation to improve accessibility.
| |
| | |
| Define the frame or window to open the anchor defined on `href`.
| |
| {|
accessibilityLabel?: string,
inline?: boolean,
idealDirection?: "up" | "right" | "down" | "left",
text: string,
zIndex?: Indexable,
|}
| |
| Adds a Tooltip on hover/focus of the IconButtonLink.
| |