elastic / search-ui

Search UI. Libraries for the fast development of modern, engaging search experiences.
https://docs.elastic.co/search-ui
Apache License 2.0
1.92k stars 368 forks source link

Custom checkbox styling issue #1005

Closed JeroenAdam closed 9 months ago

JeroenAdam commented 10 months ago

Hi, I'm using search UI and Elasticsearch, great experience so far.

I'm trying to get the checkboxes replaced with custom styled checkboxes. Normally that's done by hiding the checkbox and replacing with empty boxes and checkmarks through CSS. But my issue is that the checked/unchecked state is not shown. The clicks do their work as it should.

image

If I bring back the default checkboxes: image

I found an example of this: https://demo.broadleafcommerce.org/hot-sauces?mfg=Blair%27s

joemcelroy commented 9 months ago

I suggest looking into overriding the view component of the Facet. See docs for more information https://docs.elastic.co/search-ui/guides/customizing-styles-and-html#customizing-html