Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Metronics 8 React Select Styled


I want to ask about react-select-styled. where i can get that custom style? i search in demo i cannot get the react-select-styled


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (9)


Hi,

For React 8 we have React Select solution.

Regards,
Sean



I am using react-select-styled like the documentation. but it not change anything. its still like react select plugins not react select in documentation. I think react-select-styled is not in css demo that I am download



Hi,

Can you send us your screenshots via https://imgur.com/
How React Select does look in your end ?

Have you followed the installation guide as per docs:
https://preview.keenthemes.com/metronic8/react/docs/react-select

What is your current Metronic version and demo ?

Regards,
Sean



this is the different between my demo with documentation

https://imgur.com/a/Zt6tGJ3

and for my classname i use

className='react-select-styled react-select-solid w-100'
classNamePrefix='react-select'



Hi,

The styles for react-select should be loaded globally, please make sure that you have import './_metronic/assets/sass/style.react.scss' in src/main.tsx.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Yeah I have that import. But when I open style.react.scss there is not have import for react select style. So maybe that is the problem for my case. and when I



Hi,

To use react select customized styles, inside style.react.scss you should have the following import.

@import "vendors/react-select.scss";


Regards,
Lauris Stepanovs,
Keenthemes Support Team



I dont see any file react-select.scss. and I got this bug too

https://imgur.com/a/kNc7Gmk

that mean the file is not found



Hi,

This error means that the file wasn't found.

Could you please clarify which Metronic version and demo you are using?
You can download the latest version from Metronic Downloads page.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(