Proximus design systemDevImportant 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.
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.