How do you style an input field as required

[TeaDrinkingProgrammer]

I was looking at the DaisyUI docs on how to mark an input field as required (or a style automatically applied when the required attribute is set). Is this feature not included or am I missing something here? I was expecting Daisyui to have a class (or automatically apply) a red star next to an input field when it is required.

[saadeghi]

We don't force such style automatically, because there are different approaches in form design:

• specifying optional inputs
• or specifying required inputs
• not specifying anything (for example if there's one text input only - it's obvious that it's required)

It depends on the form:
For example if you have 10 inputs and 9 of them are required, you wouldn't want to show required badge or a red asterisk next to 9 of them. Instead you would want to write Optional in front of one input.
If you have 10 inputs and one is required, you would want to show a required badge or a red asterisk next to that one input.

So we don't set a style automatically based on existence of required attribute.
Here are some examples: https://play.tailwindcss.com/XLoUtad9HM

Let me know if you have a question.

[TeaDrinkingProgrammer]

That is very helpful, thanks! Maybe it's a good idea to add these examples to the docs?

[saadeghi]

Yes, I will add more examples 👍