Skip to content

Bizzkit Components

Bizzkit components are used for creating CMS content on the website. The groups and components described below are an integrated part of the Bizzkit CMS.

Content

Button

A component used for displaying a button, linking to another page.

Bizzkit Button Component

Bizzkit Button Component

Icon

A component used for displaying an icon with sizes and icons available in the design system.

Bizzkit Icon Component

Bizzkit Icon Component

DAM image

A component used for displaying an image from the Bizzkit DAM with options to control the image aspect ratio etc. The image can also be used as background behind other CMS content, that are nested inside the DAM Image component.

DAM Image Component

Text

A component used for displaying text via a rich text editor.

Bizzkit Text Component

Bizzkit Text Component

DAM video

A component used for displaying a video from the Bizzkit DAM with options to control the video aspect ratio, auto play, loop, mute, whether the controls should be shown etc. The video can also be used as background behind other CMS content, that are nested inside the DAM Video component.

DAM Video Component

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.

Bizzkit Accordion Component

Bizzkit Accordion Component

Box

A component used for displaying groups of components in a row-, stack-, wrap- or canvas-like layout.

Box Component

Box Component

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.

Carousel with multiple slides

Carousel with multiple slides

Columns

A component used for displaying groups of components in a column-like layout.

Columns with images

Columns with images

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.

Dividing a page into sections

Dividing a page into sections

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.

Tabs with content

Tabs with content

Vertical spacer

A component used for adding vertical spacing between components.

E-commerce

Buy button

A component used for displaying a button that opens a drawer with a product selector. The selected products are added to the cart when the user clicks the "Add to cart" button in the drawer.

Product card

A component used for displaying a product card with a product image, product name, product price and a button that links to the product page.

Product card Component

Product card Component

Dynamic product slider

A component used for displaying a slider with a list of products dynamically via searching or filtering products from Bizzkit Ecommerce Search. The products are displayed as product cards and link to the product page.

Dynamic Product slider component

Static product slider

A component used for displaying a slider with a list of products via selecting specific products from Bizzkit Ecommerce Search. The products are displayed as product cards and link to the product page.

Static Product slider Component

USP (Unique Selling Point)

A component used for displaying a distinctive feature or characteristic that sets a product, service, or website apart from its competitors and communicates its value to potential customers.

USP Component

USP Component

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.

Embed Component

Embed Component

A component used for displaying any kind of content in a modal. The modal can be opened by clicking a button.

Modal Component

Modal Component