shadow-panda
shadow-panda copied to clipboard
How to customize recipes?
For instance, I want to remove minHeight from textarea recipe. How do I do that?
### Tasks
I have similar question, how to add our own variants?
If your goal is to have no minimum height restriction on the textArea, one idea to try would probably be :
import { styled } from '@shadow-panda/styled-system/jsx'
import { TextArea } from '~/components/ui/textarea'
export const CustomTextArea = styled(TextArea, {
base: {
minHeight: 0 or '0 !important' if not working,
},
})