Next Router – Reference
Next JS
July 13, 2023
Next JS Routing examples Router.push import React from 'react' import { useRouter } from "next/router"; const Members =...
Mantine UI – Search Box for React App Code
Mantine UI
July 11, 2023
Search Box made with mantine ui code, Search Box and Share Button <Group> <Input icon={<IconSearch size={16} />} variant="filled"...
Mantine UI – Loader in Page Center
Mantine UI
July 6, 2023
Loading icon in Mantine ui with react js const loaderStyle: React.CSSProperties = { position: 'fixed' as 'fixed', left:...
Display error notifications with icon, title, and error message in your React JS App using Mantine ui notifications....
Mantine UI – React – Success Notification
Mantine UI
July 2, 2023
Mantine Ui notification with success check mark import { IconCheck } from "@tabler/icons-react"; import { notifications } from...
Fix or solution for not working of onBlur and onChange in Mantine UI forms. How to trigger onBlur,...
Mantine UI – Using theme colors
Mantine UI
June 20, 2023
How to use theme colors in mantine UI for styling in css, custom styles borderColor: theme.colors.yellow[6], Full Example...
Customize Input Box , Text Input in Mantine UI
Mantine UI
June 20, 2023
How to add custom css style for input box , texfields in mantine UI. Mantine UI text box...
Use react query for state management. Sharing data across components. Example Use cases import { useQuery } from...
Supabase Auth: Get Currently logged user id
React JS
May 4, 2023
Get the user id of current active user in supabase. Supabase auth logged user's id get. Supabase next...