The Bleed component allows its content to extend out into the surrounding layout. As such, it is important to ensure that size and direction of the bleed is accommodated by the parent layout.
Applies a negative margin to allow the content to bleed out into the surrounding layout.All bleed directions accept values from the space scale, including support for responsive values, e.g. vertical={{ mobile: 'small', tablet: 'medium', desktop: 'large', wide: 'xlarge' }}Multiple bleed values can be applied to achieve the desired result, much like paddings and margins, with the specific direction overriding the individual axis, which overrides the space prop.
Braid components are very explicit about the properties they accept, which makes providing arbitrary data attributes not possible. Instead, a data prop can be provided as a single collection of data attributes.