FAQ

Is this a fork of Chakra UI?

No, Outkit is not a fork of Chakra UI. Chakra UI is a dependency of Outkit that can be updated at any time. Components from Chakra UI are re-exported from Outkit so that default props can be added as well as documented.

How do I update Chakra UI?

If Chakra UI releases a new version, you should be able to just update the dependency like any other. If there are breaking changes in components, or new components get added, then this will have to be dealt with manually.

How can I override a Chakra component?

If there is a component in Chakra that doesn't look like the way you want, you can override this component by exporting your own component with the same name. You can see an example of this in Heading component.

How do I write normal CSS?

The goal with Chakra is that you should never really have to write CSS. All styles should be applied through props and primitive components, such as Box, Flex, Grid etc. But if you really do need to write custom CSS in your component, you can use the jsx pragma supplied by Emotion. Example here.