Tag

v31.20.0

Nov 9, 2022

Support data attribute boolean values

The data attribute map now supports boolean values. This provides an improvement for the developer experience, no longer having to convert values to strings explicitly.

EXAMPLE USAGE:

<Component
  data={{
    'custom-attribute': true,
  }}
/>
// => <div data-custom-attribute="true" />

v31.18.0

Oct 21, 2022

Removes custom icon sizing and layout in favour of new typography icon sizes and layout.

v31.9.0

Apr 8, 2022

Tag: Add id support

Tag: Add icon support

Provides a designed slot for adding an icon to a Tag

EXAMPLE USAGE:

<Tag
  icon={<IconPromote />}
  {...}
/>

Autosuggest, Dialog, Drawer, OverflowMenu, Tag, TextField, useToast: Migrate to use ButtonIcon
Adopt new ButtonIcon for clear/close actions in favour of custom internal buttons.

v31.2.0

Dec 7, 2021

Alert, Autosuggest, Tag, TextField: Use neutral tone button style for clear action

v30.0.0

Jun 21, 2021

Box, Tag, Toggle: Make borderRadius="full" always circular
Fixes circular border radius bug where non-square elements would result in an ellipse.

v29.32.0

May 19, 2021

Add support for data attribute maps on all components.

EXAMPLE USAGE:

<Alert
  data={{
    testId: 'message'
  }}
/>

// => <div data-testId="message" />

Braid Logo