Stack Overflow
Stack Overflow

Questions tagged [mantine]

Use this tag for questions about the React-based Mantine components and hooks library.

126 questions
2
votes
1 answer

Need to reduce CLS of the NextJS site to improve site performance

I am using NextJS with Mantine to develop a site. I have used createStyles to add stylings. Also I try to use as many mantine components as possible. When I deployed the site on vercel, I found out all site performance parameters were great except…
Krushnal Patel
  • 422
  • 2
  • 14
2
votes
3 answers

Nested Object not showing the component

Strangely, I have that works with single object parse using .map
{studentsjson.map((thr) => ( {thr.Name} …
dave_bell
  • 121
  • 9
2
votes
0 answers

Mantine extended props don't show up in storybook vite

I want to see my props plus all the mantine props in the storybook but seems like only props defined by me are shown in the storybook My type files import { InputVariant, TextInputProps as MantineTextInputProps, } from '@mantine/core'; export…
Snivio
  • 1,741
  • 1
  • 17
  • 25
2
votes
1 answer

TypeError: (0 , _mantine_core__WEBPACK_IMPORTED_MODULE_0__.rem) is not a function next.js Dropzone

I have a problem rendering a dropzone with next.js and mantine. https://mantine.dev/others/dropzone/ import: dropzone error message this is an code example of my problem https://codesandbox.io/s/mantine-forked-kixzh7?file=/src/App.tsx Maybe it's…
est_br96
  • 23
  • 3
2
votes
1 answer

How to disable checkboxes in a Checkbox Group imported from dash mantine components (e.g. dmc)?

Dear Stackoverflow Members I am currently looking for advice on how to disable a Checkbox from the CheckboxGroup so as to prevent multiple selection. I am using the dash-mantine-components library. As an illustration, please find below a sample code…
dark.vador
  • 619
  • 1
  • 6
  • 25
2
votes
1 answer

Flex horizontal scroll with wrap max 2 rows

I'm using Mantine.dev with Nextjs and I have this part design. I have a list of strings, the length is unknown, there might be any amount and in a wide viewport they can wrap as many there are, no max height limit but in a small viewport, there…
A.Anvarbekov
  • 955
  • 1
  • 7
  • 21
2
votes
2 answers

How to change hover color in mantine.ui menu?

I tried to change menu color when hover. But, not working. How to change hover color in mantine.ui menu?
Raghuraj Balasubramaniam
  • 217
  • 3
  • 8
2
votes
2 answers

@mantine dropzone React image upload issues while image upload on login form

I tried for getting the image path with Dropzone in this way {...form.getInputProps("tourImages")} but it gives undefined . Also, I tried getting an image input with useState hooks, image path is displaying but, it is not displaying inside of …
Farhad
  • 31
  • 1
  • 3
2
votes
0 answers

Problem to convert Mantine Component to Plotly dash - How to represent target prop?

I'm trying to convert the Mantine Popover Component to a Dash component but can't understand how to represent the target correctly. I have opened a Pull Request on Dash Mantine Repository so you can check and reproduce it in your local machine if yo…
Leonardo Ferreira
  • 673
  • 1
  • 6
  • 22
1
vote
2 answers

Unhandled Runtime Error. Error: (0 , swr__WEBPACK_IMPORTED_MODULE_9__.default) is not a function

So I am trying to fetch an API using NextJS and I am using SWR. My code is as follows: import useSWR from "swr"; const fetcher = (url: string) => fetch(url).then((res) => res.json()); export default function Home(){ const { data, error,…
Ashutosh Dash
  • 344
  • 1
  • 5
  • 11
1
vote
0 answers

mantine/core v5.9.5 import components the prompt can not be used as a JSX component

When I used the Mantine/core component, the prompt didn't work as a JSX component, but the component worked and the project worked system: 2022 MacBookPro MacOs version:13.4 Apple M2 chip node: v 16.14.0 npm: v 8.3.1 yarn: v 1.22.17 mantine/core: v…
mlxgleesin
  • 11
  • 1
1
vote
0 answers

Gatsby css slow loading times in production

I have a question for you... I am making a documentation website with Mantine, MDX and Gatsby. But I have a problem, when I build my app and do yarn serve, my css loads slower than the rest of my page. It has a delay. I have installed…
Ray Orole
  • 39
  • 5
1
vote
0 answers

Mantine Ui for component library

I'm Developing a Component library for my company internal projects and will use that as a npm package. I'm using Mantine as a starter and will add customization using tailwind. I wrote this as a test button just to check things import React from…
Haseeb Ali
  • 43
  • 3
1
vote
1 answer

get selected row data in mantine react table

I am using mantine react table in my application for showing the data on UI. In this single selection table i want to get the selected row details and want to call a function in which i need to set one state with the help of selected row details. …
rrahul789
  • 23
  • 6
1
vote
1 answer

Is it possible to create multi-level/nested menus using Mantine UI with React?

I am trying to use the Menu component provided by Mantine Library to create a nested menu. However, there is no such documentation even in their official docs. Is this something possible? I know one can use NavLink component, but I want to achieve…
japheth
  • 373
  • 1
  • 10
  • 34
1
2
3
…
8 9