DocsComponentsUncategorized
DyslexicToggle
React example follows below.
ts
import { DyslexicToggle } from "@grassroot/ui-react"; <DyslexicToggle />ts
<script setup lang="ts">import { DyslexicToggle } from "@grassroot/ui-vue";</script> <template> <DyslexicToggle /></template>ts
import { Component } from "@angular/core";import { GrassrootDyslexicToggle } from "@grassroot/ui-angular"; @Component({ selector: "app-example", standalone: true, imports: [GrassrootDyslexicToggle], template: ` <grassroot-dyslexic-toggle /> `,})export class ExampleComponent {}ts
<script lang="ts"> import { DyslexicToggle } from "@grassroot/ui-svelte";</script> <DyslexicToggle />ts
import { DyslexicToggle } from "@grassroot/ui-solid"; export function Example() { return ( <> <DyslexicToggle /> </> );}Installation
bash
pnpm dlx grassroot add ui/dyslexic-togglebash
npx grassroot@latest add ui/dyslexic-togglebash
yarn dlx grassroot add ui/dyslexic-togglebash
bunx grassroot add ui/dyslexic-toggleAPI Reference
| Prop | Type | Default |
|---|---|---|
storageKeylocalStorage key the choice persists under (per-origin). | string | undefined | — |