Rich Text Component for Canvas

Problem/Motivation

We need to develop a new Rich Text component that is fully compatible with Drupal Canvas and follows Bootstrap 5 typography standards.
The component should provide a flexible and reusable rich text block that supports structured content and alignment options without relying on inline styling.

The Text component will be used across pages for paragraphs, formatted content blocks, descriptive sections, and supporting content areas.

Key requirements:

• Bootstrap 5 compatible typography structure
• Canvas drag-and-drop support
• Rich text support (paragraphs, links, lists, inline formatting)
• Horizontal alignment options (Start, Center, End)
• Optional max-width configuration
• Responsive behavior

Steps to reproduce

1. Add the Text component in Drupal Canvas.
2. Insert rich text content (paragraphs, lists, links, etc.).
3. Select horizontal alignment option.
4. Configure optional max-width if required.
5. Verify responsive behavior across breakpoints.

The component should render clean typography using Bootstrap utility classes and maintain consistent spacing.

Proposed resolution

• Develop a new Text component using Bootstrap 5 typography utilities.
• Enable Canvas drag-and-drop content handling.
• Implement horizontal alignment using Bootstrap utility classes.
• Add optional max-width control for layout flexibility.
• Ensure fully responsive behavior.

The Text component will provide a clean, flexible, and reusable typography block aligned with Varbase and Bootstrap 5 architecture standards.

Remaining tasks

• ✅ File an issue about this project
• ❌ Addition/Change/Update/Fix to this project
• ❌ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ UX/UI designer responsibilities
• ➖ Accessibility and Readability
• ❌ Code review from 1 Varbase core team member
• ❌ Full testing and approval
• ❌ Credit contributors
• ❌ Review with the product owner
• ❌ Update Release Notes
• ❌ Release

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

• N/A

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• N/A