1. Advisor
  2. patternfly-react
  3. functions
  4. patternfly-react.patternfly.pfPaletteColors
View all patternfly-react analysis

How to use the patternfly-react.patternfly.pfPaletteColors function in patternfly-react

To help you get started, we’ve selected a few patternfly-react 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 syndesisio / syndesis / app / ui-react / packages / ui / src / Dashboard / IntegrationBoard.tsx View on Github external
public render() {
    const data = {
      colors: {
        Pending: patternfly.pfPaletteColors.black200,
        Published: patternfly.pfPaletteColors.blue400,
        Stopped: patternfly.pfPaletteColors.black300,
      },
      columns: [
        [
          this.props.i18nIntegrationStateRunning,
          this.props.runningIntegrations,
        ],
        [
          this.props.i18nIntegrationStateStopped,
          this.props.stoppedIntegrations,
        ],
        [
          this.props.i18nIntegrationStatePending,
          this.props.pendingIntegrations,
        ],
github syndesisio / syndesis / apps / dashboard / dist / components / IntegrationBoard.js View on Github external
render() {
        const data = {
            colors: {
                Pending: patternfly.pfPaletteColors.black200,
                Published: patternfly.pfPaletteColors.blue400,
                Stopped: patternfly.pfPaletteColors.black300
            },
            columns: [
                ["Running", this.props.runningIntegrations],
                ["Stopped", this.props.stoppedIntegrations],
                ["Pending", this.props.pendingIntegrations]
            ],
            type: "donut"
        };
        return (React.createElement(Card, null,
            React.createElement(Card.Heading, null,
                React.createElement(Card.Title, null, "Integration Board")),
            React.createElement(Card.Body, null,
                React.createElement(DonutChart, { id: "integration-board", size: { height: 120 }, data: data, tooltip: {
                        contents: patternfly.pfDonutTooltipContents,
github syndesisio / syndesis / app / ui-react / packages / ui / src / Dashboard / IntegrationBoard.tsx View on Github external
public render() {
    const data = {
      colors: {
        Pending: patternfly.pfPaletteColors.black200,
        Published: patternfly.pfPaletteColors.blue400,
        Stopped: patternfly.pfPaletteColors.black300,
      },
      columns: [
        [
          this.props.i18nIntegrationStateRunning,
          this.props.runningIntegrations,
        ],
        [
          this.props.i18nIntegrationStateStopped,
          this.props.stoppedIntegrations,
        ],
        [
          this.props.i18nIntegrationStatePending,
          this.props.pendingIntegrations,
        ],
      ],
      type: 'donut',
github syndesisio / syndesis / apps / dashboard / dist / components / IntegrationBoard.js View on Github external
render() {
        const data = {
            colors: {
                Pending: patternfly.pfPaletteColors.black200,
                Published: patternfly.pfPaletteColors.blue400,
                Stopped: patternfly.pfPaletteColors.black300
            },
            columns: [
                ["Running", this.props.runningIntegrations],
                ["Stopped", this.props.stoppedIntegrations],
                ["Pending", this.props.pendingIntegrations]
            ],
            type: "donut"
        };
        return (React.createElement(Card, null,
            React.createElement(Card.Heading, null,
                React.createElement(Card.Title, null, "Integration Board")),
            React.createElement(Card.Body, null,
                React.createElement(DonutChart, { id: "integration-board", size: { height: 120 }, data: data, tooltip: {
                        contents: patternfly.pfDonutTooltipContents,
                        show: true

patternfly-react

This library provides a set of common React components for use with the PatternFly reference implementation.

GitHub
MIT
Latest version published 3 years ago

Package Health Score

64 / 100
Full package analysis

Popular patternfly-react functions

Similar packages