Can't use template literal to set Affix component prop | Mantine | Page 1

clever flint Feb 21, 2023, 7:59 AM

#

Context: I'm using affix to make some text/image pop up.

In Dog.tsx, I pass in component props for Affix but the passed props don't seem to work

<Affix position={{ bottom: `${b}`, right: `${r}` }}>

The values look correct when I display them as text.

swift magnet Feb 21, 2023, 8:03 AM

#

Missing px?

<Affix position={{ bottom: `${b}px`, right: `${r}px` }}>

molten hamlet Feb 21, 2023, 8:04 AM

#

You can pass the values without template literal if you want to use px

<Affix position={{ bottom: b, right: r }}>

pure lily Feb 21, 2023, 8:05 AM

#

this works for me:

<Affix position={{ bottom: +`${b}`, right: +`${r}` }}>

#Can't use template literal to set Affix component prop