Appearance
在使用抽屉组件 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>