Storybook: Aktionen für den Übergang zu einer anderen Story konfigurieren?

Erstellt am 5. Apr. 2016 · 3Kommentare · Quelle: storybookjs/storybook

Es wäre schön, wenn eine Aktion einen Übergang zu einer anderen Geschichte auslösen könnte, um Interaktivität zu simulieren, ähnlich wie Sie einfache Prototypen mit Invision, Framer.js usw. erstellen können.

Angenommen, Sie haben ein „Toggle“-Widget mit zwei Zuständen, „on“ und „off“, es wäre schön, wenn Sie die Aktionen für jede Story so einrichten könnten, dass sie zu einer anderen Story wechseln, um das tatsächlich auftretende Umschalten zu simulieren:

storiesOf('Toggle', module)
  .add('on', () => {
    return <Toggle value={true} onChange={action('onChange', 'off')} />
  })
  .add('off', () => {
    return <Toggle value={false} onChange={action('onChange', 'on')} />
  });

feature request

Quelle

tlrobinson

👍2

Hilfreichster Kommentar

Wir können es so machen:

import { linkTo } from @kadira/storybook

storiesOf('Toggle', module)
  .add('on', () => {
    return <Toggle value={true} onChange={linkTo('Toggle', 'off')} />
  })
  .add('off', () => {
    return <Toggle value={false} onChange={linkTo('Toggle', 'on')} />
  });

Ich denke, diese API sieht großartig aus.

arunoda am 5. Apr. 2016

👍4

Alle 3 Kommentare

Beeindruckend. Das ist ein cooles Feature.

arunoda am 5. Apr. 2016

Wir können es so machen:

import { linkTo } from @kadira/storybook

storiesOf('Toggle', module)
  .add('on', () => {
    return <Toggle value={true} onChange={linkTo('Toggle', 'off')} />
  })
  .add('off', () => {
    return <Toggle value={false} onChange={linkTo('Toggle', 'on')} />
  });

Ich denke, diese API sieht großartig aus.

arunoda am 5. Apr. 2016

👍4

Dank PR #86 von @jeef3 haben wir jetzt die Funktion zum Verknüpfen von Geschichten.
Freigegeben mit v1.8.0 .

arunoda am 9. Apr. 2016

War diese Seite hilfreich?

0 / 5 - 0 Bewertungen