Mantine UI : Button Padding Change
Mantine UI
September 18, 2023
How to customize button padding in Mantine UI Button component. Mantine UI core button padding customization code. styles={{...
Align Left Button Contents – Mantine UI Button
Mantine UI
September 18, 2023
Align Left the contents in a button like icon, button text in mantine UI. Customizing Mantine button styles...
Fastify Route, Handler, Service Codes
Fastify
August 6, 2023
Fastify Route code server.get( "/googlelink/:id", { schema: { params: $Sref("idParamsSchema"), }, }, fetchGoogleUrlBySurveyIdHandler ); Fastify sample controller code...
React TypeScript CheatSheet
React JS
August 4, 2023
Typescript cheat sheet for react functional components. useRef const divRef = useRef<HTMLDivElement>(null); setState const SkillSection = ({setScrollDuration} :...
Mantine UI – Notification with loader and update
Mantine UI
July 25, 2023
Notify data update with notification - Mantine UI loader and then success or failure message notification with icons....
Mantine UI : Custom style for mobile device
Mantine UI
July 16, 2023
How to give custom css for mobile devices using mantine UI, React JS app example. import { useMediaQuery...
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....