Toggle

A two-state button that can be either on or off.

Installation

npx solidui-cli@latest add toggle

import { Toggle } from "~/components/ui/toggle"

<Toggle>
  {(state) => (
    <Show when={state.pressed()} fallback={<Icon2 />}>
      <Icon1 />
    </Show>
  )}
</Toggle>