Custom Component: Slider

Sliders are a custom component built upon Swiper.js that allows for multiple teasers to be animated in a slider fashion.

Geometric computer screen with faux code on it

Logo Reel

epic
simplygon
rare

Slides per view: 1

Subtitle should be short and sweet

Teasers can have a pretitle

Teaser Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Futuristic spartan soldiers ready for action

Teasers can have a pretitle

Embed Hero

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text. Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text.

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Search Slider

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Container Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Gears of war soldiers fighting

Slides per view: 2

Subtitle should be short and sweet

Teasers can have a pretitle

Teaser Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Futuristic spartan soldiers ready for action

Teasers can have a pretitle

Embed Hero

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text. Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text.

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Search Slider

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Container Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Gears of war soldiers fighting

Slides per view: 3

Subtitle should be short and sweet

Teasers can have a pretitle

Teaser Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Futuristic spartan soldiers ready for action

Teasers can have a pretitle

Embed Hero

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text. Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text.

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Search Slider

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Container Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Gears of war soldiers fighting

Slides per view: 4

Subtitle should be short and sweet

Teasers can have a pretitle

Teaser Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Futuristic spartan soldiers ready for action

Teasers can have a pretitle

Embed Hero

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text. Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text.

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Search Slider

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Container Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Gears of war soldiers fighting

Teasers can have a pretitle

Embed Hero

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Slides per view: 5

Subtitle should be short and sweet

Teasers can have a pretitle

Teaser Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Futuristic spartan soldiers ready for action

Teasers can have a pretitle

Embed Hero

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text. Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text.

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Search Slider

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Container Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Gears of war soldiers fighting

Teasers can have a pretitle

Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text. Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text.

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Teaser Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Futuristic spartan soldiers ready for action

Teasers can have a pretitle

Container Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Gears of war soldiers fighting

Teasers can have a pretitle

Search Slider

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Slides per view: 6

Subtitle should be short and sweet

Teasers can have a pretitle

Teaser Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Futuristic spartan soldiers ready for action

Teasers can have a pretitle

Embed Hero

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text. Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text.

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Search Slider

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Container Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Gears of war soldiers fighting

Teasers can have a pretitle

Teaser Components

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Futuristic spartan soldiers ready for action

Teasers can have a pretitle

Embed Hero

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text. Hello World, which has additional text within all of it's fields to trigger overflow scenarios for each component accordingly. This should help in debugging CSS issues related to overflow scenarios with too much text.

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.

Teasers can have a pretitle

Search Slider

The Core "Teaser" Component can show an image, a title, rich-text, and optionally link to further content. This version has no style selections applied, and the layout system is forcing two teasers side by side.