search

creativetimofficial / material-tailwind

@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
https://material-tailwind.com/
MIT License
3.75k stars 321 forks source link

Input size property confusion #533

Open arahlf opened 9 months ago

arahlf commented 9 months ago

Looking at the docs, the Input has a size prop that can be md or lg, but looking at the example, they appear the same to me:

https://www.material-tailwind.com/docs/react/input#input-sizes

I'm new to React & Tailwind so not sure if I'm missing something, it's just a bad sample, or what.

don-esteban commented 9 months ago

There is a difference, but a very small one. Observe the height. I agree that it should be something more notable. I also would expect a different horizontal size. The min-width of 200px is not suitable for all use cases. And adjusting the size on the fly is a bit ugly. You have to resize the container div.

arahlf commented 9 months ago

Thanks for the reply @don-esteban -- agreed that it's such a minor difference that it seems kinda pointless in its current state if that's all it does.