Adding icon and text to trigger

[EllaVader]

I know that someone asked if you can use an icon in the trigger property for the Collapsible tag.
But can you combine an image icon and text in the trigger props?

this is what I have currently:

so I can either do this (which displays the "text"
const sectionLabel = props.testResult.name + " - " + props.testResult.result; <Collapsible trigger={sectionLabel}

or I can do this (which displays the icon
const failed = props.testResult.result.toLowerCase() === "failed"; const img = failed ? "/images/x.png" : "/images/check.png"; <Collapsible trigger={<img src={img}/>}

but I don't see how to combine them?

[rsarai]

Hey @EllaVader you can create a component and pass to the trigger like this:

<Collapsible trigger={<YourNewComponent />}>

Let me know if this works for you!

[karltaylor]

Closing this due to inactivity. Feel free to open a new issue.