# DrawerTitle

> `DrawerTitle` is part of the Overlays set, imported from `@jcsoftdev/ui/overlays`.

Source: https://ui.jcsoftdev.com/docs/components/drawer-title

`DrawerTitle` is part of the Overlays set, imported from `@jcsoftdev/ui/overlays`.

## Import

```ts
import { DrawerTitle } from "@jcsoftdev/ui/overlays";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/overlays/drawer`.

## Usage

```tsx
export const Default: Story = {
  render: (args) => (
    <Drawer>
      <DrawerTrigger asChild>
        <Button variant="secondary">Ver cita</Button>
      </DrawerTrigger>
      <DrawerContent {...args}>
        <AppointmentDetail />
      </DrawerContent>
    </Drawer>
  ),
};
```

_Source of the Storybook story._

## Props

This component declares no props of its own.

It also accepts the native props of the element or primitive it renders (for example `className`, `id`, `aria-*` and event handlers).

## Storybook stories

- [Default](/storybook/?path=/story/overlays-drawer--default)
- [Open By Default](/storybook/?path=/story/overlays-drawer--open-by-default)
- [With Trigger Open](/storybook/?path=/story/overlays-drawer--with-trigger-open)
- [Blocking](/storybook/?path=/story/overlays-drawer--blocking)
- [Controlled](/storybook/?path=/story/overlays-drawer--controlled)

## Source

`packages/ui/src/overlays/drawer/drawer.tsx`