Split Content

This component displays two slots in a column on mobile devices and in a row on desktops, with a 1px separation line.

<SplitBlock>
  <div slot="start">Content A</div>
  <div slot="end">Content B</div>
</SplitBlock>

Properties

No properties

Slots

Slot name Description
start First column on desktop.
end Second column on desktop.

Showcase

Colors added for demo purposes

Start slot content

End slot content