<TwoColumnLayout>

Preview Code

import { Slide } from '@react-slides/core'
import { TwoColumnLayout } from '@react-slides/components'

const slides = () => {
  return (
    <>
      <Slide>
        <TwoColumnLayout left={<h2>Left</h2>} right={<p>Right</p>} ratio="1fr 2fr" />
      </Slide>
    </>
  )
}

export default slides

Name	Type	Default	Description
left	ReactNode	—	Left column.
right	ReactNode	—	Right column.
ratio?	string	'1fr 1fr'	CSS grid-template-columns.
gap?	string	'2rem'	Column gap.
align?	'start' | 'center' | 'end' | 'stretch'	'start'	Vertical alignment.