How to customize recipes?

[adaboese]

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

Tasks

Beta Give feedback

No tasks being tracked yet.

[ossmate]

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

[stvncode]

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