ContentBlock: Add support for left alignment
Introduces horizontal alignment support for ContentBlock
, enabling content to be constrained to a max width and aligned to the left.
Useful inside of larger PageBlock
or ContentBlock
elements when constraining the content for readability or length of form fields.
EXAMPLE USAGE:
<ContentBlock align="left"> ... </ContentBlock>
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" />
Add support for data attribute maps on all components.
EXAMPLE USAGE:
<Alert data={{ testId: 'message' }} /> // => <div data-testId="message" />
ContentBlock: Ensure block is full width
Fixes an issue where ContentBlock
s inside of flex containers would not grow to their defined max-width
.
ContentBlock: Add support for xsmall & small widths
EXAMPLE USAGE
<ContentBlock width="small"> ... </ContentBlock>