How to extract the styles of the Input component and apply them to a third-party component? | Mantine | Page 1

upbeat jungle Oct 16, 2023, 6:13 AM

#

If I want to extract all the styles of the Input component and apply them to a third-party input component, how should I do it?the third-party input component mean is https://www.npmjs.com/package/rc-tree-select?activeTab=readme

npm

rc-tree-select

tree-select ui component for react. Latest version: 5.13.0, last published: a month ago. Start using rc-tree-select in your project by running npm i rc-tree-select. There are 432 other projects in the npm registry using rc-tree-select.

vernal lion Oct 16, 2023, 6:22 AM

#

upbeat jungle If I want to extract all the styles of the Input component and apply them to a t...

https://mantine.dev/styles/styles-api/#components-classes
Note that Input requires CSS variables to be set, check styles api documentation to learn which CSS variables should be added

Styles API | Mantine

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

upbeat jungle Oct 16, 2023, 6:41 AM

#

so,how can i get Input .mantine-Input-input styles and copy is to my input component

#How to extract the styles of the Input component and apply them to a third-party component?