braid-design-system@31.21.0

Minor Changes

• TextLink, TextLinkButton: Add icon support (#1184)

  Provides a designed slot for adding an icon to a TextLink or TextLinkButton.
  This solves for the problem of underlining the space between the icon and text.

  EXAMPLE USAGE:

  <Text>
    <TextLink icon={<IconLink />}>...</TextLink>
  </Text>

• IconRenderer: Support the sizing and alignment of custom icons (#1185)

  Provides support for sizing and aligning custom icons with Braid’s typographic components. The new IconRenderer component supports being used within Text and Heading components as well as inside icon slots of other components.

  Uses the render prop pattern to provide the required classes to style and align a custom icon.

  EXAMPLE USAGE:

  <Heading level="1">
    <IconRenderer>
      {({ className }) => <svg className={className}>...</svg>}
    </IconRenderer>
  </Heading>