An integration between UI Styles and Paragraphs: you can enable specific styles for desired paragraph type, so the contributor can apply those styles to the content.
UI Styles allows developers to define styles from modules and themes and site builders to use them from Drupal backoffice.
The styles are:
- collections of mutually exclusive, self-descriptive, single-purpose CSS classes. Examples: Typography, Borders, Background colors, Spacing....
- commonly used in design systems, and can also be called "helpers", "utilities", "fundamentals"...
- Drupal plugins, created and managed by the themer, inside a single YML file.
Usage
Usage (for site builders):
- Create or edit a paragraph type (admin > structure > paragraph types)
- Enable the “UI Styles Options” behavior for your paragraph type
- Select one or more UI styles to make them available for contribution
Usage (for contributors)
- On add/edit paragraph form you can see the available styles in the "Behavior" tab
- Select the styles to apply to the current paragraph
More styles integrations
UI Styles is providing integration with other Drupal API:
Project information
- Project categories: Content display
- Ecosystem: UI Suite - Design Systems with Drupal, UI Styles
236 sites report using this module- Created by sharique on , updated
Stable releases for this project are covered by the security advisory policy.
There are currently no supported stable releases.
Releases
1.1.0-alpha2
released 2 September 2024
Works with Drupal: ^9 || ^10 || ^11
Fixing D11 compatibility issue.
Install:
Development version: 1.1.x-dev updated 24 Aug 2025 at 16:37 UTC
