shadow-panda icon indicating copy to clipboard operation
shadow-panda copied to clipboard

How to customize recipes?

Open adaboese opened this issue 2 years ago • 2 comments

For instance, I want to remove minHeight from textarea recipe. How do I do that?

### Tasks

adaboese avatar Oct 29 '23 21:10 adaboese

I have similar question, how to add our own variants?

ossmate avatar Nov 13 '23 20:11 ossmate

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, 
    },
})

stvncode avatar Nov 19 '23 21:11 stvncode