Add new class in tailwind css

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

@layer components {
  .btn-blue {
    @apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
  }
}

Source: tailwindcss.com

Similar codes

0 vote130 views1 answer
Css loading spinner with text
CSS
2 votes101 views1 answer
Zypper download rpm
CSS
13 votes105 views2 answers
Border radius 4 values
CSS
0 vote104 views1 answer
Ionic slidesperview not working
CSS
128 votes136 views5 answers
Randint
CSS
33 votes126 views6 answers
Css strikethrough
CSS
1 vote112 views1 answer
Css remove whitespace around element
CSS
0 vote117 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
6 votes118 views2 answers
How to make all the columns equal size with flexbox
CSS
0 vote194 views1 answer
Top down gradient css on body
CSS