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...
How to Import Images in React
React JS
March 1, 2023
How to import an image in React JS project. Using an image in React App code.