Read the article

View Source

Custom Theming

Forms adapt to your Chakra UI theme. This example uses a purple color palette via createSystem(defineConfig(...)).

Default emerald theme (from layout):

Form Values

{4 items
"name":""
"email":""
"plan":"starter"
"agree":false
}

Custom purple theme: