svelte-material-ui
svelte-material-ui copied to clipboard
Tailwind Incompatiblity: Textfield/Select outline variant bugs visually
To Reproduce Include Tailwind to your Project
<Textfield
class="shaped-outlined w-full"
variant="outlined"
label="something" bind:value={email} type="email" id="input-email" />
Screenshots
Additional context SMUI is missing to set explicetly border top, left, right to 0
adding this to tailwind css fixed it
.mdc-notched-outline--notched .mdc-notched-outline__notch {
@apply !border-t-0 !border-l-0 !border-r-0;
}