Bradley Kirton's Blog

Published on June 9, 2023

Go home

Styling the dialog backdrop with TailwindCSS

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  dialog::backdrop {
      @apply backdrop-blur-[2px];
  }
}

Here is an example of the above.

Search widget