elements
elements copied to clipboard
InoChip: Updating content not working
Bug Report
Updates of chip label text break ino-chip style using the default slot.
Minimal Reproduction
Go to https://codesandbox.io/s/github/inovex/elements-example-react InoSelect sample ('src/ino-select/index.tsx') and add an 'InoChip' next to the InoSelect component displaying the selected value.
'src/ino-select/index.tsx':
<InoChip>{selectedValue || 'k.A}</InoChip>
You may encounter that selecting a diffferent value is breaking ino-chip style. Using the deprecated 'label' property works as expected.
``
Screenshots
Screenshot taken from codesandbox using default slot to display current selected value as described above.
Using label property works as expected: