Extending the components

Let's assume you have added a new variant.

./lib/ui/button.tsx

//... const styleSheet = createStyleSheet((theme)=>({ button:{ variants:{ variant:{ //... newVariant:{ backgroundColor: theme.newVariant, color: theme.newVariantForeground }, //... //The types will also be needed to be updated in default.d.ts file //Most of the time, you won't need to do these stuffs. //Almost all color variants are provided:) //Just send me a message if you want more variant. } } } }))