How to use the metal-jsx.Config.any function in metal-jsx

To help you get started, we’ve selected a few metal-jsx examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github metal / metal-devtools / frontend / components / StatePane.js View on Github external
/>
              
            );
          })}

        {!dataExists &&
          <div>
            <i>{'No Component Data'}</i>
          </div>}
      
    );
  }
}

StatePane.PROPS = {
  component: Config.any(),
  onInspectDOM: Config.func(),
  setStateFn: Config.func(),
  typeColors: Config.object()
};

export default StatePane;
github metal / metal-devtools / frontend / components / FlashStateValue.js View on Github external
syncValue(newVal, oldVal) {
    if (!this._firstRender &amp;&amp; !isEqual(newVal, oldVal)) {
      this.addFlash();
    } else {
      this._firstRender = false;
    }
  }

  render() {
    return <span>{processStateValue(this.props.value)}</span>;
  }
}

FlashStateValue.PROPS = {
  value: Config.any()
};

export default FlashStateValue;
github metal / metal-devtools / frontend / components / App.js View on Github external
component={selectedComponent}
          onInspectDOM={inspectDOM}
          setStateFn={setStateFn}
          typeColors={theme === 'dark' ? DARK_TYPE_COLORS : undefined}
        /&gt;
      
    );
  }
}

App.PROPS = {
  highlightDOM: Config.func(),
  inspectDOM: Config.func(),
  onComponentExpand: Config.func(),
  onSelectedChange: Config.func(),
  port: Config.any(),
  setStateFn: Config.func(),
  theme: Config.oneOf(['dark', 'light']).value('light')
};

App.STATE = {
  firstColumnWidth: Config.number(),
  freezeUpdates: Config.value(false),
  rootComponents: Config.value({}),
  selectedComponent: Config.value({})
};

export default App;

metal-jsx

A JSX templates renderer to be used with Metal.js's Component class

BSD
Latest version published 4 years ago

Package Health Score

54 / 100
Full package analysis