GeekyAnts / GeekyAnts/NativeBase
Customizing Components, old variant values cannot be overwritten
- Dominant language
- TypeScript
- Stars
- 20.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
### Description
I want to edit the available variants (ghost, outline, solid, ...) but it doesn't seem to work
### Steps to reproduce
```
import {extendTheme} from 'native-base';
import Button from './button';
export const theme = extendTheme({
components: {
Button: {
defaultProps: {
colorScheme: 'primary',
variant: 'rounded', //If I set the value here as rounded it works, and solid doesn't work, it reuses the old solid configuration
},
variants: {
rounded: ({colorScheme}: InterfaceButtonProps) => {
return {
bg: `${colorScheme}.400`,
}
},
solid: ({colorScheme}: InterfaceButtonProps) => {
return {
bg: `${colorScheme}.700`,
}
}
}
}
},
});
export default theme;
```
### NativeBase Version
3.3.1
### Platform
- [X] Android
- [ ] CRA
- [ ] Expo
- [X] iOS
- [ ] Next
### Other Platform
_No response_
### Additional Information
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.