To use flex
, I have to write flex justify-between items-center
in all element classNames, but I have to make a general class let us say “flexBetween” which will have all these flex justify-between items-center
properties and now instead of writing this much big class names, I can simply write className="flexBetween"
in html elements props.
I wish to make dozens of such customised classes in my tailwind.config
file. How to achieve it?
I tried getting it done by making utils file and there writing the customised string exports as the required class names but in tailwind.config file, I am not sure how to write it and in which object?