Select to view content in your preferred language

Disable/Remove CalciteCombo item selection icon (React)

185
2
05-01-2025 11:19 AM
RobertAdame
New Contributor

Attempting to find out how, if at all I can disable the icon that appears next to the actual icon of a combolist item. I know part of the Calcite appeal is uniformity, but this feels like something I should be able to disable?

combolist.png

0 Kudos
2 Replies
KenBuja
MVP Esteemed Contributor

The Combobox component is designed for multiple selections and uses those icon for selections in the multiple-selection mode. Can you use the Select component instead?

0 Kudos
RobertAdame
New Contributor

I have tried messing with select as well but it doesnt seem to accept just using an icon instead of text? 

Converting the parent CalciteCombobox into CalciteSelect with the children being Calcite Options with each having a CalciteIcon being passed nets me this:

select.png

You can see the other 2 icons in the other cells working just fine

 

<CalciteSelect
                    scale="m"
                >
                    <CalciteOption
                        value="circle"
                    >
                        <CalciteIcon scale="s" icon="circle" />
                    </CalciteOption>
                    <CalciteOption
                        value="square"
                    >
                        <CalciteIcon scale="s" icon="square" />
                    </CalciteOption>
                    <CalciteOption
                        value="triangle"
                        >
                        <CalciteIcon scale="s" icon="triangle" />
                    </CalciteOption>
                    <CalciteOption
                        value="diamond"
                        >
                        <CalciteIcon scale="s" icon="diamond" />
                    </CalciteOption>
                    <CalciteOption
                        value="x"
                        >
                        <CalciteIcon scale="s" icon="x" />
                    </CalciteOption>
                </CalciteSelect>
0 Kudos