Replies: 1 comment
-
Ah I see what happened, so by default there is no specific placeholder color applied to the theme for Chakra's import { useColorModeValue } from "@chakra-ui/react";
import { Select } from "chakra-react-select";
import { groupedOptions } from "./data/data";
const Example = () => {
const placeholderColor = useColorModeValue("#F8FBF5", "#474747");
return (
<Select
isMulti
name="colors"
options={groupedOptions}
placeholder="Select some colors..."
chakraStyles={{
placeholder: (provided) => ({
...provided,
color: placeholderColor
})
}}
/>
);
}; https://codesandbox.io/s/chakra-react-select-placeholder-color-ut3dpj?file=/example.js |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I've tried to style the placeholder i my theme, but I can't seem to get it right.
Beta Was this translation helpful? Give feedback.
All reactions