disabledboolean = false
If true, the Tag will render the disabled state of the style preset. If an href is also passed, the Tag will not open the provided href on click.
overridesobject
If provided, overrides the respective presets for the component and provided elements. Here are the overrides that the Tag accepts:
spaceInsetMQ<string>
If provided, this overrides the padding of the Tag. Otherwise, spaceInsetSquish010 or spaceInsetSquish020 is used depending on the `size` prop.
stylePresetMQ<string>
If provided, this overrides the style preset applied to the Tag.
transitionPresetTransitionToken | TransitionToken[]
If provided, this overrides the transition preset applied to the Tag.
typographyPresetMQ<string>
If provided, this overrides the typography preset applied to the Tag. Otherwise, utilityLabel010, utilityLabel020 or utilityLabel030 is used depending on the `size` prop.
spaceInlineMQ<string>
If provided, this overrides the space between multiple children in the underlying Stack. If less than 2 children are passed, this prop is irrelevant.
iconSizeMQ<string>
If provided, this overrides the icon size of any child icons. If no icons are present in the Tag's children then this prop is irrelevant.
Note: You can also set the icon size by passing it directly as a size prop to the icon, but by doing this you will override the iconSize passed from overrides. We discourage this approach but we will keep the functionality in case it is needed.widthMQ<string>
If provided, this sets a fixed width to the Tag. This can be a sizing token from the theme, or any CSS length value, e.g. 100% for a full-width element.
heightMQ<string>
If provided, this sets a fixed height to the Tag. This can be a sizing token from the theme, or any CSS length value.
minHeightMQ<string>
If provided, this sets a minimum height to the Tag. This can be a sizing token from the theme, or any CSS length value. By default, sizing050, sizing060 or sizing070 is used depending on the `size` prop.
maxHeightMQ<string>
If provided, this sets a maximum height to the Tag. This can be a sizing token from the theme, or any CSS length value.
maxWidthMQ<string>
If provided, this sets a maximum width to the Tag. This can be a sizing token from the theme, or any CSS length value.
paddingInlineMQ<string>
It can take one space token to specify the logical inline start and end padding of the container. This space token can also be used on breakpoints.
paddingInlineStartMQ<string>
It can take one space token to specify the logical inline start padding of the container. This space token can also be used on breakpoints.
paddingInlineEndMQ<string>
It can take one space token to specify the logical inline end padding of the container. This space token can also be used on breakpoints.
paddingBlockMQ<string>
It can take one space token to specify the logical block start and end padding of the container. This space token can also be used on breakpoints.
paddingBlockStartMQ<string>
It can take one space token to specify the logical block start padding of the container. This space token can also be used on breakpoints.
paddingBlockEndMQ<string>
It can take one space token to specify the logical block end padding of the container. This space token can also be used on breakpoints.
marginInlineMQ<string>
It can take one space token to specify the logical inline start and end margin of the container. This space token can also be used on breakpoints.
marginInlineStartMQ<string>
It can take one space token to specify the logical inline start margin of the container. This space token can also be used on breakpoints.
marginInlineEndMQ<string>
It can take one space token to specify the logical inline end margin of the container. This space token can also be used on breakpoints.
marginBlockMQ<string>
It can take one space token to specify the logical block start and end margin of the container. This space token can also be used on breakpoints.
marginBlockStartMQ<string>
It can take one space token to specify the logical block start margin of the container. This space token can also be used on breakpoints.
marginBlockEndMQ<string>
It can take one space token to specify the logical block end margin of the container. This space token can also be used on breakpoints.
Refer to the defaults below for the object structure:
An error occurred loading this code example.