About this piece
Slash Commands
Slash-command flyout listing commands with a short hint beside each one.
Usage
The import and the props worth knowing about, in one place.
import { Nav30 } from "@/components/beste/piece/nav30";
<Nav30
commands={[
{
"key": "/new",
"hint": "Start a new doc"
},
{
"key": "/todo",
"hint": "Insert a checklist"
},
{
"key": "/team",
"hint": "Mention a teammate"
},
{
"key": "/embed",
"hint": "Embed a link or file"
}
]}
bordered={false}
/>