react-native-cn-quill icon indicating copy to clipboard operation
react-native-cn-quill copied to clipboard

How to remove the seperator or change its color?

Open abdulwasey opened this issue 2 years ago • 3 comments

              <QuillToolbar
                    editor={quillEditorRef}
                    theme={{
                      background: '#000',
                      color: '#000',
                      overlay: 'rgba(55,99,115, .1)',
                      size: 30,
                    }}
                    options={['emoji', 'mention', 'giphy']}
                    styles={{
                      toolbar: {
                        provider: () => ({}),
                        root: () => ({
                          backgroundColor: 'white',
                        }),
                      },
                      separator: (separator) => ({
                        ...separator,
                        color: '#fff',
                      }),
                    }}
                    custom={{
                      handler: (name) => {
                        handleToolbarActions(name);
                      },
                      actions: ['emoji', 'mention', 'giphy'],
                      icons: {
                        emoji: require('../assets/img/emoji.png'),
                        mention: require('../assets/img/mention.png'),
                        giphy: require('../assets/img/gif.png'),
                      },
                    }}
                  />

abdulwasey avatar Jul 25 '22 10:07 abdulwasey

@imnapo

abdulwasey avatar Jul 25 '22 10:07 abdulwasey

you can't cause separator uses the theme.color unless you fork the repo and change it to your own requirements

HimikoT-T avatar Jul 26 '22 03:07 HimikoT-T

@abdulwasey Can you share what your "handleToolbarActions" do? I am trying to implement "mention" feature will help me with that

divyesh-puri avatar Dec 09 '22 18:12 divyesh-puri