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: 01/01/1601 01:00:00

Ellipsis

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.

Supercalifragilisticexpialidocious


Alignment

Text alignment could be found on Alignment documentation.