All files / src/stories InlineEdit.stories.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import InlineEdit from '../components';
 
export default {
  title: 'Component/InlineEdit',
  component: InlineEdit,
  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
  tags: ['autodocs'],
  parameters: {
    // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
    layout: 'padded',
  },
};
 
// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
export const InlineEditInput = {
  args: {
    initialValue: 'Hello World - Input',
    inputComponent: 'input',
    //   primary: true,
    //   label: 'Button',
  },
};
 
export const InlineEditTextArea = {
  args: {
    initialValue: 'Hello World - Textarea',
    inputComponent: 'textarea',
    //   primary: true,
    //   label: 'Button',
  },
};
 
// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
export const InlineEditInitialState = {
  args: {
    inputComponent: 'input',
  },
};
 
export const InlineEditStartWithEditViewOpen = {
  args: {
    startWithEditViewOpen: true,
  },
};
 
export const InlineEditDisplayRenderer = {
  args: {
    displayRenderer: (label) => (<h2>{label}</h2>),
  },
};