Intro
Constantin Druc ยท 03 Jan, 2022
[00:00] In this video we'll see how we can build a search model dialog using HeadlessUI and TailwindCSS. We'll go through styling the elements, displaying the correct keyboard combination based on the user operating system, using the key combination to open the modal, adding transitions to make everything smoother, navigate through the results using arrow keys, and more.
-
Intro00:25
-
2Search modal button02:22
-
3Button label based on the operating system01:22
-
4Styling the modal dialog02:29
-
5Open the modal using a keyboard shortcut02:17
-
6Modal dialog transitions03:30
-
7Styling the search form03:15
-
8Show and style the search results06:42
-
9Navigate list items using arrow keys08:42
-
Intro00:25
-
2Search modal button02:22
-
3Button label based on the operating system01:22
-
4Styling the modal dialog02:29
-
5Open the modal using a keyboard shortcut02:17
-
6Modal dialog transitions03:30
-
7Styling the search form03:15
-
8Show and style the search results06:42
-
9Navigate list items using arrow keys08:42