Proximus design system
Important information:
Using the Design System implies following some rules: the code should be valid and same as the Design System. Meaning custom HTML & CSS override are forbidden.
Please don't forget to read Usage part of each element.

Text layout

All manipulation texts...

last modified: 10/10/2023 10:15:04


Add rs-txt-ellipsis to truncate string with ellipsis.

Unwrappable too long text example:

Customer number: 0123456789012345678901234567890

No wrap

rs-nowrap class is used to avoid text from going to a new line. You can find examples in Prices and Tables articles.

Example sentence that continue outside the panel

Word break all

Add rs-word-break-all to allow word break.



Text alignment could be found on Alignment documentation.