Building a search modal dialog with HeadlessUI and TailwindCSS lessons

Navigate list items using arrow keys

Building a search modal dialog with HeadlessUI and TailwindCSS · 08:42

Intro

Building a search modal dialog with HeadlessUI and TailwindCSS · 00:25

Show and style the search results

Building a search modal dialog with HeadlessUI and TailwindCSS · 06:42

Styling the search form

Building a search modal dialog with HeadlessUI and TailwindCSS · 03:15

Modal dialog transitions

Building a search modal dialog with HeadlessUI and TailwindCSS · 03:30

Open the modal using a keyboard shortcut

Building a search modal dialog with HeadlessUI and TailwindCSS · 02:17

Styling the modal dialog

Building a search modal dialog with HeadlessUI and TailwindCSS · 02:29

Button label based on the operating system

Building a search modal dialog with HeadlessUI and TailwindCSS · 01:22

Search modal button

Building a search modal dialog with HeadlessUI and TailwindCSS · 02:22

Topic

Series