Get CSS for one specific component


#1

Hi all,

How can I get the CSS, the whole CSS, and nothing but the CSS for a single component? The entire semantic.min.css is >500kb, which is a lot, and I would only need one component.

Let’s say I’m only using the Search component in my app. I import the component (using Semantic UI React here) with import Search from 'semantic-ui-react/dist/es/modules/search'; How can I then import the minimum CSS necessary for this component?

I would want to try a import 'semantic-ui-css/components/search.min.css'; in my app, but I think it’s not enough, but the Search component would also use CSS from the dropdown component.

Thanks.