How to create navbar in Chakra-ui? – Code Example
Akash Mittal
In this article I will share the code to create navbar in chakra-ui. We will use React Js for this. You may use any framework of your choice. Primary components…
Browsing Tag
chakra-ui
6 posts
How to customize chakra-ui theme in gatsby project? – Code Example
To customize chakra-ui theme in gatsby project you will need to shadow gatsby-plugin/theme.js file with your own theme file by extending it. This is different from what we do in…
How to add chakra-ui in gatsby project? – Code Example
In this article we will learn how to add chakra-ui to a gatsby project. First you will need to install it using npm or yarn. Then add @chakra-ui/gatsby-plugin to plugins…
How to add chakra-ui in next.js project? – Code Example
In this article I will show you how you can add chakra-ui in your next.js project. First, you will need to install chakra-ui using npm or yarn. Then import ChakraProvider…
How to customize theme of chakra-ui in react project? – Code Example
In this article I will show you how to customize a default theme of chakra-ui in your react project. You need to add theme attribute in ChakraProvider component in App.js.…
How to install Chakra-ui in react project? – Code Example
In this article we will show you how to install Chakra-ui in react projects. You can use the template property of create-react-app to start your project with chakra built in.…