Alert - this works but should it

[rhscjohn-dev]

Alert Component.

I was playing around and seeing if I could use my own color for an Alert component.

Code

<Alert id="alert-red" class="bg-slate-200" icon={XCircleSolid} rounded>
  <span slot="content">
    <span class="font-medium"> Info alert! </span>
    Change a few things up and try submitting again.
  </span>
</Alert>

Note the lack of prop color.

As you can see the background color is gray.

With the use of a color prop throughout you components, you are limiting the dev to whatever colors you allow for that prop. If i define color called 'primary', I can.t say color="primary" because primary is not an assignable type.

[shinokada]

Can you update to v0.24.15 and use customBgClass, customBorderAccentClass, and customTextColors to customize your color.