Kami UI

BottomSheet

BottomSheet component from the Kami UI library.

What this is used for

Contextual actions and content without leaving current screen.

Mobile-focused features

  • mobile-native interaction pattern
  • focuses user attention
  • great for actions/forms on small screens

Implementation example

import { BottomSheet } from '@kamiui/kami';

<BottomSheet open={open} onClose={() => setOpen(false)} title="Filters">...</BottomSheet>

Preview

BottomSheet
Preview unavailable for this component

On this page