Command

Command is a popup menu that can be used to display a list of actions.

View on GitHub

Usage

import Image from 'next/image'
import { Command } from '@nerdfish/ui'
<Command.Root>
	<Command.Input placeholder="Type a command or search..." />
	<Command.Empty>No results found.</Command.Empty>
	<Command.List>
		<Command.Group heading="Suggestions">
			<Command.Item>Calendar</Command.Item>
			<Command.Item>Search Emoji</Command.Item>
			<Command.Item>Calculator</Command.Item>
		</Command.Group>
		<CommandSeparator />
		<Command.Group heading="Settings">
			<Command.Item>Profile</Command.Item>
			<Command.Item>Billing</Command.Item>
			<Command.Item>Settings</Command.Item>
		</Command.Group>
	</Command.List>
</Command.Root>

Dialog

Press J