<Fragment>

Step-gated child. Auto-assigns a step number based on render order. Pass step to override.

Preview Code

import { Slide, Fragment } from '@react-slides/core'

const slides = () => {
  return (
    <>
      <Slide>
        <Fragment><p>First (step 1)</p></Fragment>
        <Fragment><p>Second (step 2)</p></Fragment>
        <Fragment step={2}><p>Also step 2</p></Fragment>
        <Fragment><p>Third (step 3)</p></Fragment>
      </Slide>
    </>
  )
}

export default slides

Name	Type	Default	Description
children	ReactNode	—	Content shown when active.
step?	number | number[]	—	Step(s) on which the fragment is visible. Auto-inferred if omitted.
exit?	number	—	Step on which the fragment disappears.
as?	ElementType	'div'	Element to render.
className?	string	—	Class always applied.
activeClassName?	string	—	Class applied when visible.
exitClassName?	string	—	Class applied after exit.
style?	CSSProperties	—	Inline styles.