@wedgekit/templates NPM

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>`

dot-prop

@infinitebrahmanuniverse/nolb-_wed @everything-registry/sub-chunk-1010 @zalastax/nolb-_wed

0.0.0-rc.3

4 years ago

0.0.0-rc.2

5 years ago

0.0.0-rc.1

5 years ago