Drawer

PreviousNext
Docs
skyrblock

Preview

Loading preview…
components/drawer/Drawer.tsx
'use client';

import { useComponentConfig } from '../config-provider/context';
import DrawerUI from './DrawerUI';
import type { DrawerProps } from './types';

const Drawer = (props: DrawerProps) => {
  const config = useComponentConfig('drawer');

  const mergedProps = {
    ...config,
    ...props
  };

  return (
    <DrawerUI
      {...mergedProps}
    />
  );
};

Drawer.displayName = 'Drawer';

export default Drawer;

Installation

npx shadcn@latest add @skyr/drawer

Usage

import { Drawer } from "@/components/drawer"
<Drawer />