General components

Components are one of the key building blocks of the design system. Each of them has been designed and coded to solve a specific UI problem. All components are created to work harmoniously together, as parts of the Telenet ecosystem.


The video component allows you to embed a video on a page.
The title component is intended to be used as the title or heading of a section of content. Various formatting options are available.
The text component allows the display of a rich text paragraph on the page. Various formatting options are available.
Table and Table row
The table and table row component enables you to add a responsive table with different rows and columns on a page.
Social Media
The social media component allows you to configure the icons and links to social media websites.
The separator component allows you to add a devider on the page to separate content.
Related Links
This is used below the body of the topic to add quick links to related pages.
Quotes are used to display a quotation.
Product Summary
This consists of a title, a layout container and an optional button and pricing.
This component shows the price of a product in a visual or textual way.
Off Grid Image
This allows you to embed images that are wider than the 12 page columns.
Navigation List & Content
The navigation list component will take the author defined properties and displays them as navigation items.
Navigation Bar
Navigation bars offer a way to switch between primary destinations.
The multisolution allows you to create a tab kind of structure using blocks.
Marketing card
The Marketing card component allows you to create a card on the page.
Intent Finder
This guides the client in a conversational way to the goal of his search.
In-page Navigation
This helps users scan the content and guides them to the section they need.
In Page Banner
This is a visual element that is placed into the content area of a page.
This is a more efficient option to embed the three components at once.
The image component allows you to embed images on the page. Various formatting options are available.
Hero Banner
The main banner placed on top of a page with the purpose of enticing visitors.
Dashboard Card
The dashboard card component allows you to create a card for an underlying webpage.
Content Overview
The content overview component is a collection of cards that contain content and actions about a single subject.
Contact Touchpoint
An overview block presenting the different contact options to the customer.
The contact component allows you to implement a contact container with a fixed title component and a layout container below.
A slideshow component for cycling through images and videos.
A button is used to prompt an immediate response (click). There are different button modes available, as wel as button ID analytics.
A visual label or indicator used to convey status or highlight content.
Authorable Notification
This component is used to display information banners on a page.
Display a series of content items that a user can collapse/expand.