Is there a way to have the links underlined by default with tailwind?

Question

I just discovered tailwind css and I love it. But by default all the links have no style, meaning they are not underlined.

I would like to apply if possible a text-decoration: underline or simply the tailwind .underline class by default to all my links. I think it's a good practice to have them underlined for the web accessibility and I guess it's not very efficient to add the .undeline class to all my links.

Many thanks for your help :)

Answer 1

You can add a base style for your elements in your Styles Sheet

@layer base {
  a {
     @apply underline;
  }
}

Adding Base Styles