WedgeKit Templates

A core component of the WedgeKit Design System is templating.

Usage

import Template from '@wedgekit/templates';

import pageSettings from './page.json';
import InstallerPicker from './installers/picker';

const Page = () => {
  <Layout>
    <Template
      settings={pageSettings}
      components={{
        installer: () => (<InstallerPicker />),
      }}
    />
  </Layout>
};

API

Template

The Template component utilizes a combination of @wedgekit/layout and @wedgekit/form under the hood to created a fully generated blackbox UI.

Props	Type	Required?	Default	Description
settings	Object	✅		A settings object built according to the Template settings spec (doc TBD)
components	Object<[key: string]: () => React$Element<*>>	❌	{}	A settings object can have a "generic" or "placeholder" field applied, allowing a developer to assign and control that field with a custom component. While no props are currently passed through this prop, each item should be treated as a Render Prop. Note, this will only map to fields explicitly declared as "placeholder" in the settings object.
externalOptions	Object<[key: string]: any>