elements icon indicating copy to clipboard operation
elements copied to clipboard

InoChip: Updating content not working

Open Sl1nd opened this issue 1 year ago • 0 comments

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.

image

Using label property works as expected:

image

Sl1nd avatar Feb 14 '24 10:02 Sl1nd