Remove Underline in <s-link> Preact

[Stats_Marketing]

I am using the latest Preact components for my Checkout UI Extension and I cannot find out how to remove a underline from a link component?

 <s-stack direction="inline" gap="small">
    <s-heading>Closed Orders</s-heading>
    <s-link onClick={toggleInvoicesAccordion} tone="neutral">
      {invoicesAccordionOpen ? '▼' : '▲'}
    </s-link>
  </s-stack>

I set the tone to neutral and it still showed the underline, is there anything else I can try?

[jffortier]

Hi,

The s-link component always has an underline, which helps differentiate it from surrounding non-interactive text.

You can use the s-clickable component instead. Its a generic interactive element that comes with no styles by default. It offers the same events (onClick) that you need for the action.

Clickable