@seragam-ui/sheet v1.4.2

@seragam-ui/sheet

A Quick description of the component

Installation

yarn add @seragam-ui/sheet
# or
npm i @seragam-ui/sheet

Usage

import {
  Sheet,
  SheetCloseButton,
  SheetContent,
  SheetTitle,
  SheetProps,
  SheetOverlay,
} from '@seragam-ui/sheet'

const App = () => {
  const [isOpen, setOpen] = React.useState(false)

  return (
    <>
      <button onClick={() => setOpen(true)}>Buka Sheet</button>
      <Sheet
        position={args.position}
        sheetSize={args.sheetSize}
        isOpen={isOpen}
        onClose={setOpen}
      >
        <SheetOverlay as="span" />
        <SheetContent>
          <SheetTitle>Overlay Sheet</SheetTitle>
          <div>Lorem</div>
          <SheetCloseButton onClick={() => setOpen(false)} />
        </SheetContent>
      </Sheet>
    </>
  )
}