ContentSwitcher with Icons

[arcfide]

It would be nice to be able to use icons as the contents for content switchers.

[metonym]

Agreed. Would you be interested in submitting a PR?

[arcfide]

It will depend on whether we decide to go this route in our own project. If so, then I will submit a PR on the feature, if you don't get to it first.

[metonym]

This feature has been added in v0.8.0.

A slot wraps the text prop in the Content Switcher Switch component.

In this reduced example, the first two switches use the text prop while the third switch overrides it with an icon.

<ContentSwitcher>
  <Switch text="First section" />
  <Switch text="Second section" />
  <Switch>
    <span style="display: flex; align-items: center;">
      <Add16 style="margin-right: .25rem;" />
      Third section
    </span>
  </Switch>
</ContentSwitcher>

[arcfide]

Very cool!