FieldLabel

v32.1.0

Mar 9, 2023

Show description on form fields when no label provided
Previously, a FieldLabel without a label would return nothing. However, now that form fields can opt for indirect or hidden labels (via aria-label or aria-labelledby), the description should still be shown if provided.
Note: The secondaryLabel and tertiaryLabel remain conditional based on the presence of a label. This is due to their location in the layout being anchored off the label.
EXAMPLE USAGE:
<FieldLabel description="Description now visible without label" />

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

v30.5.0

Oct 18, 2021

FieldLabel: Dim label when disabled

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.7.0

Sep 17, 2020

FieldLabel: Add descriptionId prop

EXAMPLE USAGE:

<FieldLabel 
    htmlFor="id" 
    label="This is a field label" 
    description="Extra info about the field" 
    descriptionId="id-description"
/>

Braid Logo