ΠΡΠ»ΠΎ Π±Ρ Π½Π΅ΠΏΠ»ΠΎΡ ΠΎ, Π΅ΡΠ»ΠΈ Π±Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΌΠΎΠ³Π»ΠΎ ΠΈΠ½ΠΈΡΠΈΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ ΠΊ Π΄ΡΡΠ³ΠΎΠΉ ΠΈΡΡΠΎΡΠΈΠΈ Π΄Π»Ρ ΠΈΠΌΠΈΡΠ°ΡΠΈΠΈ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ, Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎ ΡΠΎΠΌΡ, ΠΊΠ°ΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΡΠΎΡΡΡΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Invision, Framer.js ΠΈ Ρ. Π΄.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠΊΠ°ΠΆΠ΅ΠΌ, Ρ Π²Π°Ρ Π΅ΡΡΡ Π²ΠΈΠ΄ΠΆΠ΅Ρ Β«ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅Β» Ρ Π΄Π²ΡΠΌΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡΠΌΠΈ: Β«Π²ΠΊΠ»ΡΡΠ΅Π½ΠΎΒ» ΠΈ Β«Π²ΡΠΊΠ»ΡΡΠ΅Π½ΠΎΒ». ΠΡΠ»ΠΎ Π±Ρ Π½Π΅ΠΏΠ»ΠΎΡ ΠΎ, Π΅ΡΠ»ΠΈ Π±Ρ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ Π½Π°ΡΡΡΠΎΠΈΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΡΡΠΎΡΠΈΠΈ, ΡΡΠΎΠ±Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡΡΡ Π½Π° Π΄ΡΡΠ³ΡΡ ΠΈΡΡΠΎΡΠΈΡ, ΡΡΠΎΠ±Ρ ΠΈΠΌΠΈΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅:
storiesOf('Toggle', module)
.add('on', () => {
return <Toggle value={true} onChange={action('onChange', 'off')} />
})
.add('off', () => {
return <Toggle value={false} onChange={action('onChange', 'on')} />
});
ΠΠΎΡ ΡΡΠΎ Π΄Π°. ΠΡΠΎ ΠΊΠ»Π°ΡΡΠ½Π°Ρ ΡΡΠ½ΠΊΡΠΈΡ.
ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΠ°ΠΊ:
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')} />
});
Π― Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ ΡΡΠΎΡ API Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎ.
ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ PR #86 @jeef3 , ΡΠ΅ΠΏΠ΅ΡΡ Ρ Π½Π°Ρ Π΅ΡΡΡ ΡΡΠ½ΠΊΡΠΈΡ ΡΠ²ΡΠ·ΡΠ²Π°Π½ΠΈΡ ΠΈΡΡΠΎΡΠΈΠΉ.
ΠΡΠΏΡΡΠ΅Π½ΠΎ Ρ v1.8.0
.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΠ°ΠΊ:
Π― Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ ΡΡΠΎΡ API Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎ.