mirror of
https://github.com/kemko/nomad.git
synced 2026-01-06 18:35:44 +03:00
StepperInput story
This commit is contained in:
27
ui/stories/components/stepper-input.stories.js
Normal file
27
ui/stories/components/stepper-input.stories.js
Normal file
@@ -0,0 +1,27 @@
|
||||
import hbs from 'htmlbars-inline-precompile';
|
||||
|
||||
export default {
|
||||
title: 'Components|Stepper Input',
|
||||
};
|
||||
|
||||
export let Standard = () => {
|
||||
return {
|
||||
template: hbs`
|
||||
<p class="mock-spacing">
|
||||
<StepperInput
|
||||
@value={{value}}
|
||||
@min={{min}}
|
||||
@max={{max}}
|
||||
@onChange={{action (mut value)}}>
|
||||
Stepper
|
||||
</StepperInput>
|
||||
</p>
|
||||
<p class="mock-spacing"><strong>External Value:</strong> {{value}}</p>
|
||||
`,
|
||||
context: {
|
||||
min: 0,
|
||||
max: 10,
|
||||
value: 5,
|
||||
},
|
||||
};
|
||||
};
|
||||
Reference in New Issue
Block a user