Text - umd-lib/umdlib-design-system-theme GitHub Wiki

Design File

Figma link

Introduction

The text component is used by content editors to embed text into their content in the layout builder. It provides a consistent way to display text across the Libraries site, ensuring that it adheres to the design system's standards for typography, spacing, and alignment.

This is for text content only, so basic HTML tags such as <p>, <a>, <ul>, <ol>, and <li> are used to format the text. The text component does not include any additional styling or layout properties beyond what is defined in the design system.

Note: Image, Quote, and Heading should not be placed inside this text component; use the specific component for those purposes.

Component Structure

Slots

Field Type Requirement Description
Body Text WYSIWYG Required This is the main text content of the component. The WYSIWYG editor is used for the body text field, allowing for rich text formatting. Use the text format: Basic HTML.
⚠️ **GitHub.com Fallback** ⚠️