Clip Path: Cannot find name 'circle'

[asingleton6]

I tried using the clipPath: circle(50px at 0 100px) but I get an error from TypeScript saying cannot find name circle. Has anybody else ran into this issue?

[michaeltaranto]

Hey 👋 , when using built in CSS functions they need to be passed as a string value for the property (i.e. wrapped in quotes), so in this case:

export const finishCheckbox = style({
-  clipPath: circle("50px at 0 100px"),
+  clipPath: 'circle(50px at 0 100px)',
});

Also worth noting the values passed to the shape should not be quoted as per the clip-path documentation.

[asingleton6]

Thank you very much for clear that up! This worked perfectly. 😃