BRAID
Braid Logo
 

HiddenVisually

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" />

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" />

v29.6.0

Sep 16, 2020

  • HiddenVisually: Add support for passing IDs

    This is useful when mapping a HiddenVisually component to aria-describedby

    EXAMPLE USAGE:

    <HiddenVisually id="my-hidden-desciption">Hidden desciption</HiddenVisually>

v27.2.0

May 21, 2020

  • Add HiddenVisually component

    You can now easily provide content to assistive technologies while hiding it from the screen.

    <Text>
  This content is available to everyone.
  <HiddenVisually>
    This content is only available to screen readers.
  </HiddenVisually>
</Text>