react-input-emoji icon indicating copy to clipboard operation
react-input-emoji copied to clipboard

Component is not customizeable.

Open celebritydeveloper opened this issue 3 years ago • 1 comments

Please can a style props be added to the <InputEmoji /> component so we can easily customize the width and height the way we want?

celebritydeveloper avatar Mar 05 '22 07:03 celebritydeveloper

If possible, add your own styles in a css file, to give it your own styles

.emoji-mart-category-label span { background-color: #f5f5f5 !important; color: #222 !important; } .emoji-mart-dark .emoji-mart-search input { color: #222 !important; border-color: #c8c5c2 !important; background-color: #eeece9 !important;

} .emoji-mart-dark { color: #222 !important;

}

JeanOviedo avatar Sep 16 '22 14:09 JeanOviedo

@celebritydeveloper In version 5.7.1, you can customize the appearance by setting the following properties:

background: Controls the background color borderColor: Sets the color of the border color: Specifies the text color placeholderColor: Defines the color of the placeholder text

Adjust these properties to achieve the desired look and feel of the component.

cesarwbr avatar Apr 03 '24 22:04 cesarwbr