Bizzkit CMS Components Demo
Group "Content"
Button
A component used for displaying a button, linking to another page. It has support for variants and sizes that match the ones in the design system.
Icon
A component used for displaying an icon with sizes and icons available in the design system.
Mette Reinholt Mortensen
Image
Image has fixed aspect ratio and can be configured under "Block Options"
Background image
Image can also be used as background image behind any other blocks, that are nested inside an Image block.
Text
A component used for displaying text via a rich text editor. See CMS Rich text Demo page for more information.
Video
An uploaded video. The block supports auto play, loop and whether controls should be shown.
Background video
A video can also be used as background video behind any other blocks, that are nested inside a Video block.
Group "Layout"
Accordion
A component used for displaying an accordion with a list of items, where each item can be expanded to show more content. Other components can be nested inside the Accordion item.
I am some accordion content! You can edit this content or even delete it and insert your own instead.
I am some accordion content! You can edit this content or even delete it and insert your own instead.
Lorem ipsum
Pellentesque scelerisque vitae est sit amet hendrerit.
I am some accordion content! You can edit this content or even delete it and insert your own instead.
Lorem ipsum
Pellentesque scelerisque vitae est sit amet hendrerit.
Box
A component used for displaying groups of components in a row-, stack-, wrap- or canvas-like layout.
Box with row Inner Layout
Box with stack Inner Layout
Box with wrap Inner Layout
Box with wrap Inner Layout
Box with wrap Inner Layout
Box with wrap Inner Layout
Box with scroll Inner Layout
Box with scroll Inner Layout
Box with scroll Inner Layout
Box with scroll Inner Layout
Box with scroll Inner Layout
Box with canvas Inner Layout
Box with canvas Inner Layout
Box with canvas Inner Layout
Carousel
A component used for displaying a content in a carousel. The content can be any component, but is typically used for displaying DAM Images or DAM Videos. It has support for auto play, and can be used with or without arrows and dots.
Our picks
Pellentesque scelerisque vitae est sit amet hendrerit.
Our picks
Pellentesque scelerisque vitae est sit amet hendrerit.
Our picks
Pellentesque scelerisque vitae est sit amet hendrerit.
Columns
A component used for displaying groups of components in a column-like layout. Columns will stack on smaller screens. The breakpoint can be configured in the Column options.
Here's a column
Here's another column
Here's a small column
Here's a big column
Section
A component used for displaying content within a container that has a max-width on larger screens and centers the content horizontally. Other components should be nested inside the Section component.
Xs-sized section
Sm-sized section
Md-sized section
Lg-sized section
Tabs
A component used for displaying content in a tabbed layout. Each tab can be activated to show the Tab panel. Other components can be nested inside the Tab panel.
Lorem ipsum
Can we nest Tabs in Tabs? Yes, we can!
Some other tab content
Aliquid animi assumenda cum cumque cupiditate expedita ipsam, ipsum laudantium minima nesciunt nisi perspiciatis quisquam quos, ratione voluptate. Dolore, eius, nihil! Cum, cumque delectus deleniti deserunt eligendi fugit nesciunt obcaecati quas sed?
Vertical Spacer
A component used for adding vertical spacing between components. It has support for desktop-, tablet- and mobile sizes.
Group "Advanced"
Embed
A component used for embedding content from other websites. The content is embedded via an iframe. The component can be used for embedding content from YouTube, Vimeo, Google Maps etc.
Modal
A component used for displaying any kind of content in a modal. The modal can be opened by clicking a button. It has support for modal sizes and various configurations for the launcher button.
Teaser block
A block used to highlight a feature with link to a page.
