Building a command palette with Tailwind CSS, React, and Headless UI

Скачать Building a command palette with Tailwind CSS, React, and Headless UI бесплатно в качестве 4к (2к / 1080p)

У нас вы можете скачать бесплатно Building a command palette with Tailwind CSS, React, and Headless UI или посмотреть видео с ютуба в максимальном доступном качестве.

Для скачивания выберите вариант из формы ниже:

Cкачать музыку Building a command palette with Tailwind CSS, React, and Headless UI бесплатно в формате MP3:

Если иконки загрузки не отобразились, ПОЖАЛУЙСТА, НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если у вас возникли трудности с загрузкой, пожалуйста, свяжитесь с нами по контактам, указанным в нижней части страницы.
Спасибо за использование сервиса video2dn.com

Описание к видео Building a command palette with Tailwind CSS, React, and Headless UI

In this video I'll walk you through the steps to build a fully accessible command palette using Tailwind CSS, React, and the new combobox component in Headless UI.

Chapters:

00:00 Intro
00:10 What we're building
00:34 Command palette examples
01:13 Our starting point
03:00 The Dialog component
04:41 Styling the Dialog
08:28 The Combobox component
13:17 Displaying the projects data
17:05 Styling the active project
19:03 Wiring up the search
22:25 Handling empty states
23:54 Handling page navigation
27:17 Creating a custom keyboard shortcut
30:49 Adding subtle transitions
34:19 Resetting the search query state
36:30 Looking back at our journey
37:33 Outro