wix-style-react/src/EditableTitle/docs/examples.js

wix-style-react

export const withValue = `
<EditableTitle
  dataHook="story-editable-title-live-example"
  initialValue="Some Title"
  />
`;
export const widthDefaultValue = `
<EditableTitle
  dataHook="story-editable-title-live-example"
  defaultValue="Some Title"
  />`;

export const widthDefaultValueAndInitialValue = `
<EditableTitle
  dataHook="story-editable-title-live-example"
  defaultValue="Default Value"
  initialValue="Initial Value"
  />`;

export const withEllipsisInitial = `
<EditableTitle
  dataHook="story-editable-title-live-example"
  initialValue="Some Title Some Title Some Title Some Title Some Title Some Title"
  />`;

export const withEllipsisDefault = `
<EditableTitle
  dataHook="story-editable-title-live-example"
  defaultValue="Some Title Some Title Some Title Some Title Some Title Some Title"
  />`;