@syncfusion/react-inputs
Version:
Syncfusion React Input package is a feature-rich collection of UI components, including Textbox, Textarea, Numeric-textbox and Form, designed to capture user input in React applications.
22 lines • 745 B
CSS
.sf-input-group.sf-multi-line-input {
align-items: flex-end;
}
.sf-input-group.sf-multi-line-input.sf-auto-width {
width: auto;
}
.sf-input-group.sf-multi-line-input .sf-input {
min-height: calc(var(--sf-spacing) * 4.375);
padding: var(--sf-spacing-11) var(--sf-spacing-0);
}
.sf-input-group.sf-multi-line-input.sf-outline .sf-input {
padding: var(--sf-spacing-11) var(--sf-spacing-16);
}
.sf-input-group.sf-multi-line-input.sf-outline:has(.sf-label-top) .sf-float-text {
transform: translate3d(0, calc(var(--sf-spacing) * -0.5), 0);
}
.sf-input-group.sf-multi-line-input.sf-filled .sf-input {
min-height: calc(var(--sf-spacing) * 4.625);
}
.sf-input-group.sf-multi-line-input .sf-clear-icon.sf-clear-icon-hide {
display: none;
}