--- title: "Content Elements" description: "All you need to present your Content." path: https://www.eonshowroom.eon.com/en/content-elements.html lastModified: 2025-07-11T06:50:22.145Z --- # Content Elements # Content Elements All You Need To Present Your Content ![Content Element](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_windpark_roscoe_evening_sun_set%3A2-1?fmt=webp) ## Headlines from H1 to H5 In a Lot Of Colors Content, Text Elements ![nice one](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/medicon-village%3A2-1?fmt=webp&ts=1789130657718) The Headline Component can help to structure a Page by giving Headlines in different Sizes (H1 to H5 and Copy) to Paragraphs on a Page. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/headline.html) ## Text which can have different styles Content, Text Elements ![Water](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/abstract_waster_on_window%3A2-1?fmt=webp) The Text Component can be used to add Text with different Styles to a Page. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/text.html) ## Tables to present Tabular Content Content, Text Elements ![Flower](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/seeds_fly_trough_the_air_at_sunset%3A2-1?fmt=webp) The Table Component can be used to display Information in a Tabular Format. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/table.html) ## Bullet List with options for different List Icons Content, Text Elements ![Solar](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON-solarpark-tucson_sky%3A2-1?fmt=webp) The Bullet List Component can be used to List multiple Points. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/bullet-list.html) ## Number Component Content, Text Elements The Number Component can display Numeric Values consistently across Teasers and Layouts, following Brand Guidelines. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/number.html) ## Image Content, Media Elements ![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON-windpark-roscoe_sun_down%3A2-1?fmt=webp) The Image Component can be used to display an Image on a Page. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/image.html) ## Clickable Image Image, Content, Media Elements The Clickable Image Component can be used to display an Image with Tooltip Buttons on it on a Page, like an Infographic for Example. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/clickable-image-brand-evolution.html) ## Pictograms Content, Media Elements ![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/library%3A2-1?fmt=webp) The Pictogram Component can be used to display a Pictogram on a Page. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/picotgrams.html) ## Badges Content, Media Elements, Sales Components ![Badges](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/abstract_patternnetworkredblue1%3A2-1?fmt=webp) Badges can be used to add Sales Awards or any Type of decorative Images in a good looking Pattern. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/badges.html) ## A Video does say more then thousand Words Content, Media Elements Video Player supports different Types of Video, like YouTube or DAM Video. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/video-player.html) ## Tooltip Experience Fragments, Content ![nice one](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/medicon-village%3A2-1?fmt=webp&ts=1789130657718) The Tooltip can be used to display a Tooltip as an Info Icon on a lot of Components, like on Headline, Text, Link, Bullet List, and on most Form Elements and so on. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/tooltip.html) ## Accordion to contain Content Content, Media Elements, Micro Navigation The Accordion Component can be used to contain any Component in several Accordion Tabs. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/accordion.html) ## Tabs to explore Content without losing Context Content, Media Elements, Micro Navigation ![Tabs](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/man_at_the_airport%3A2-1?fmt=webp) Tabs make it possible for the Users to explore different Content without losing the Context. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/tabs.html) ## Carousel can include any other Component Content, Media Elements, Micro Navigation ![Carousel](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/E_Mobility_Girls_At_Car_Outside%3A2-1?fmt=webp) The Carousel Component is a nice Option to show a Bundle of Images related to a dedicated Topic. Can also be used for any other Type of Contents. [Take a ride with our lovely Carousel](https://www.eonshowroom.eon.com/en/content-elements/carousel.html) ## Modal Content, Overlay ![Modal](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/Screenshot-Modal%3A2-1?fmt=webp-alpha) The Modal Component is an Overlay like Page Disclaimer. It covers the Content Area of the Page behind, if it is configured for a specific Page. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/modal.html) ## Bottom Drawer Content, Overlay, Sales Components ![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/bottom-drawer_open%3A2-1?fmt=webp) Bottom Drawer is a powerfull Sales Component which can be added to any Page as a fixed Element at the Bottom of Page. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/bottom-drawer.html) ## Links - Target is indicated by dedicated Icons Content, Linking Elements ![Links](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/women_looking_at_nature%3A2-1?fmt=webp) The Link Component can be used to display a single Link or a Link List to link to other Content. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/linking-element.html) ## Primary and Secondary Buttons Content, Linking Elements ![nice one](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/man_with_phone_innatursunnyday%3A2-1?fmt=webp) The Button Component can be used to display a Button to link to other Content. Button can be Primary or Secondary Buttons and correct Icons are coming automatically. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/button.html) ## Business Card Author to show who wrote the Article Content, Business Cards ![nice one](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/Hyllie_0506_3%3A2-1?fmt=webp) The Business Card Author Component can be used to give Information and Contact Data about the Author of an Article. [Have a look?](https://www.eonshowroom.eon.com/en/content-elements/businesscard-author.html) ## Business Card Contact includes all Contact Options Content, Business Cards ![BC Contact](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_windpark_roscoe_early_morning%3A2-1?fmt=webp) Business Card - Content features an Image, some Information about the Person, and some additional Infos.