Skip to main content
⌘K
Last modified: 16/Oct/2025

BottomSheet

BottomSheet is capable of listing any DOM element on temporary surfaces.

#Usage

import { BottomSheet } from '@kinsta/stratus'

const MyComponent = () => {
  const [visible, setVisible] = useState()
  return (
    <BottomSheet isVisible={visible}>
      Simple BottomSheet
    </BottomSheet>
  )
}

#Props

#children
Required
ReactNode
Used to show the content of the BottomSheet
#isVisible
Required
boolean
If the bottomSheet is visible.
#handleClose
() => void
callback when the bottomSheet is closed

#Types

  • BottomSheetProps: props of the BottomSheet component processed by stratus

Read more about types here