In this post, we will see how to resolve –chakra-fontSizes-5xl is not defined Question: I’m building a simple landing page with NextJS and ChakraUI. In my localhost, everything seems okay (both npm run dev and npm run start execution). But ...

In this post, we will see how to resolve How to use this pseudo a::hover::after in Chakra UI? Question: I am trying some css styles that requires the use of the pseudo a::hover::after, I assumed that as stated in the ...

In this post, we will see how to resolve How to align flex basis navigation elements to the left and right with Chakra UI and Next JS Question: I’m trying to implement a relatively simple Navigation bar using Chakra UI ...

In this post, we will see how to resolve how can i understand templateColumns, templateRows, colSpan, RowSpan Question: I’m new to learning chakra UI, and I want to use Grid in order for the Website to be responsive, so I ...

Question: I’m using: React Typescript Chakra UI I’m simply retrieving data from the api: line20-line37 I use a useEffect to from from the api, and passing the response to a local array. I then map through the array to give ...

Question: I’m using this snippet below to translate my website content. However, there’s a way to avoid copying and pasting this code between pages? Answer: This is a good opportunity to create your own hook. Basically just extract that logic ...

Question: I have created a website that uses media queries and is responsive when tested from the Dev tools in browser. However it reverts back to its desktop-like state on reloading. If i click on a link that redirects me ...

Question: I’m using chakra UI for my application and this is the code block I’m calling to display the notification. Chakra offers a way to handle responsive designs: https://chakra-ui.com/docs/features/responsive-styles. So I want the notification to be shown on top when ...

Question: The same question as this, but for Progress instead of Toast. Extending the theme’s Progress component does nothing, so I thought this component also uses another component, like how the Toast uses Alert, but I couldn’t find anything about ...

Question: I am creating my own custom “wrapper” around a chakraui component, so I can add my own props, methods and whatever I might need later on. However, one downside of doing this is that I don’t get suggestions for ...