OudsBodyText class

OUDS Body Design Guidelines

Reference design version : 1.0.0

Body styles are designed for everyday text content such as paragraphs, descriptions, and informational messages. They prioritize readability and provide a comfortable reading experience across all screen sizes. Multiple size options allow content importance to be expressed while maintaining consistency. Their typography automatically scales across breakpoints to support responsive layouts.

OudsBodyText(
  text: 'Body copy',
  size: OudsBodyTextSize.medium
  )

A color override can be provided when the default theme color is not suitable, for example when the text is displayed on a colored surface:

OudsBodyText(
  text: 'Body',
  size: OudsBodyTextSize.medium,
  color: OudsTheme.of(context).colorScheme(context).contentDefault,
)

Multiple colors can be used simultaneously within the same text.

This widget also accepts lightweight rich text: **bold**, ~~line through~~ and [link](https://example.com) are supported directly in text, and a .rich constructor (OudsBodyText.rich) is exposed to color only part of the text. Build the .rich constructor's text argument with buildOudsAnnotatedText.

The user must ensure that the contrast between the colors used meets current accessibility standards and that the colors align with the brand’s and its entity’s visual identity.

OudsBodyText.rich(
  text: buildOudsAnnotatedText((builder) {
    builder.append('Body with ');
    builder.withColor((context) => color, () => builder.append('colored text'));
  }),
)

Use onLinkTap to handle taps on markdown-style links ([label](url)) embedded in text:

OudsBodyText(
  text: 'Read our [privacy policy](https://example.com/privacy) for more details.',
  onLinkTap: (url) {
    // Open the URL, e.g. via url_launcher.
  },
)