Components
Structure
Deprecated

ContentSwitcher

ContentSwitcher to switch between different contents

Text

Be concise and specific. Titles have a max of two words.

Default selection

Based on usage, there should be a default selection. The default selection is always the first option in a switcher.

Usage with react

import { ContentSwitcher, Switch } from "@wfp/react";
import { iconAdd } from "@wfp/icons-react";
<ContentSwitcher onChange={onChangeAction}>
  <Switch
    name="one"
    text="First section"
    onClick={onClickAction}
    kind="anchor"
    href="#"
    icon={<Icon icon={iconAdd} />}
  />
  <Switch name="two" text="Second section" />
  <Switch name="three" text="Third section" />
</ContentSwitcher>

Reference

On this page

References