title: Can I create a custom class with arbitrary values Tailwindcss
body: <p>I want to create a class in Tailwindcss with arbitrary values
  for example</p>
  <p>HTML</p>
  <pre class="lang-html prettyprint-override"><code>&lt;button class=&quot;my-custom-class[#fff]&quot; /&gt;
  </code></pre>
  <p>CSS</p>
  <pre class="lang-css prettyprint-override"><code>@layer componenets {
    .my-custom-class {
      @apply bg-[--here-arbitrary-value]; /** the value is #fff */
    }
  }
  </code></pre>