StructuredInfo
Open in Storybook Open in Figma
StructuredInfo is a highly flexible component for displaying a group of related information associated with contacts or products. You can find real-world examples in the StructuredInfo examples.
Basic StructuredInfo
StructuredInfo is typically composed of multiple StructuredInfoItem elements. They represent a single labelled value or piece of information, such as a name, balance, product attribute, or status indicator.
Rules For Accessibility
- Use the
labelprop to provide semantic meaning for screen readers, especially when the children alone might not be descriptive enough.