wix-style-react/src/VariableInput/docs/VariableInput.demo.js

wix-style-react

import React from 'react';
import VariableInput from '..';
import FormField from '../../FormField';

export default () => (
  <FormField
    label="Welcome message"
    infoContent="A generic message that will be sent out to all new users."
  >
    <VariableInput
      rows={3}
      initialValue="Welcome to Wix, {{list.newUsers}}. We are extremely happy you're joining us and wish you best of luck! "
      variableParser={value => (value === 'list.newUsers' ? 'Name' : false)}
    />
  </FormField>
);