Các utility để kiểm soát kích thước của các control form.
| Class | Styles |
|---|---|
field-sizing-fixed | field-sizing: fixed; |
field-sizing-content | field-sizing: content; |
Sử dụng utility field-sizing-content để cho phép một control form điều chỉnh kích thước của nó dựa trên nội dung:
Nhập vào input bên dưới để xem kích thước thay đổi
<textarea class="field-sizing-content ..." rows="2"> Latex Salesman, Vanderlay Industries</textarea>Sử dụng utility field-sizing-fixed để làm cho một control form sử dụng kích thước cố định:
Nhập vào input bên dưới để xem kích thước vẫn giữ nguyên
<textarea class="field-sizing-fixed w-80 ..." rows="2"> Latex Salesman, Vanderlay Industries</textarea>Prefix a field-sizing utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:
<input class="field-sizing-content md:field-sizing-fixed ..." />Learn more about using variants in the variants documentation.