figma-plugin-ds icon indicating copy to clipboard operation
figma-plugin-ds copied to clipboard

import styles from

Open iamdangavin opened this issue 2 years ago • 1 comments
trafficstars

Am I missing something? You have import styles from 'figma-plugin-ds/dist/figma-plugin-ds.css' listed in the documentation, but that file isn't a module.css file so it comes back undefined if you console.log the styles export and if you try and use it in your code with {styles.button} or something it throws caught TypeError: Cannot read properties of undefined (reading 'button')

iamdangavin avatar Jun 29 '23 05:06 iamdangavin

This depends on the bundler you are using as stated in the example you are referencing:

//You could also inport the css via a CSS Loader in your JS environment (refer to syntax of whatever loader you are using) import styles

For example, some tools will require a side effect import like:

import 'figma-plugin-ds/dist/figma-plugin-ds.css'

kevinramharak avatar Jun 29 '23 17:06 kevinramharak