What's the best way to add a variant for <Anchor /> please ? | Mantine | Page 1

What's the best way to add a variant for please ? | Mantine | Page 1

late geyser · 2024-11-28T08:47:33.876Z

I'd like an with a dotted border

late geyser Nov 28, 2024, 8:47 AM

#

I'd like an <Anchor /> with a dotted border

steep bronze Nov 28, 2024, 9:02 AM

#

Variants and sizes | Mantine

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience

late geyser Nov 28, 2024, 9:19 AM

#

Anchor: Anchor.extend({ classNames: classes }),

.anchor {
&[data-variant='dotted'] {
border-bottom: 2px solid green;
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
}

seems not working :/ I'm missing something ?

upper dawn Nov 28, 2024, 10:24 AM

#

Try using .root class instead of .anchor

late geyser Nov 28, 2024, 11:14 AM

#

@upper dawn thanks you it works but why if you use Input.extend ".input" is working

#

there is something I don't understand

upper dawn Nov 28, 2024, 11:22 AM

#