Skip to content

在使用抽屉组件 Sheet 时,会报以下错误

`DialogContent` requires a `DialogTitle` for the component to be accessible for screen reader users.

需要在 Sheet 中使用 SheetTitle 组件就可以了,如下所示

<SheetContent side='left'>
  <nav className='grid gap-6 text-lg font-medium'>
    <Link href='#' className='flex items-center gap-2 text-lg font-semibold'>
      <SheetTitle className='-mt-2'>
        <Package2 className='h-6 w-6' />
      </SheetTitle>
      <span className='sr-only'>Acme Inc</span>
    </Link>
    {admin.menus.map((menu, index) => (
      <Link key={index} to={menu.to} className='flex items-center gap-2 text-base font-normal'>
        {menu.title}
      </Link>
    ))}
  </nav>
</SheetContent>