<TitleLayout>

Preview Code

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

const slides = () => {
  return (
    <>
      <Slide>
        <TitleLayout subtitle="A React meta-framework for presentations" footer="2026">
          <h1>react-slides</h1>
        </TitleLayout>
      </Slide>
    </>
  )
}

export default slides

Name	Type	Default	Description
children	ReactNode	—	Title content (typically an h1).
subtitle?	ReactNode	—	Sub-line under the title.
footer?	ReactNode	—	Bottom-anchored footer text.