<CenteredLayout>

All components honor --rs-bg, --rs-fg, and other theme variables.

Preview Code

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

const slides = () => {
  return (
    <>
      <Slide layout={CenteredLayout}>
        <h1>Centered</h1>
        <p>Vertically + horizontally.</p>
      </Slide>
    </>
  )
}

export default slides

Name	Type	Default	Description
children	ReactNode	—	Centered content.
gap?	string	'1rem'	Gap between children.
padding?	string	'4rem'	Outer padding.
className?	string	—	Class name.
style?	CSSProperties	—	Inline styles.