/
durovcode
/
Frontend
Обзор
Документация
Войти
/
durovcode
/
Frontend
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
master
src/components/landing/command.tsx
43 строки
2 KB
Alch3m1st
Add Docker
22 сен 2024, 01:25
22 сен 2024, 01:25
f92ba9d
Код
Авторство
О чём код?
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "@/components/ui/command" import { Calendar, BookMarked, LetterText } from "lucide-react" export function LandingCommand() { return ( <> <div className="p-10 w-full lg:w-[400px] lg:mr-[150px]"> <Command className="rounded-lg border shadow-md md:min-w-[450px]"> <CommandInput placeholder="Что желаешь сегодня?" /> <CommandList> <CommandEmpty>No results found.</CommandEmpty> <CommandGroup heading="Подсказки"> <CommandItem> <LetterText className="w-9 h-9 p-2"></LetterText> <span>Проверка текста</span> </CommandItem> <CommandItem> <Calendar className="w-9 h-9 p-2"></Calendar> <span>Личный календарь</span> </CommandItem> <CommandItem> <BookMarked className="w-9 h-9 p-2"></BookMarked> <span>Студенческие заметки</span> </CommandItem> <CommandItem disabled> <span>Перейти к</span> </CommandItem> </CommandGroup> </CommandList> </Command> </div> </> ) }