How to use the @uifabric/styling.ColorClassNames.white function in @uifabric/styling

To help you get started, we’ve selected a few @uifabric/styling 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 microsoftgraph / msgraph-training-smartui-components / LabFiles / StarterProject / GraphUI / Components / Banner.tsx View on Github external
public render() {
    const persona = <span>&nbsp;</span>;

    return <div>
      <div>
        <div>
          Graph UI
        </div>
        <div>
          {persona}
        </div>
      </div>
    </div>;
  }
}
github microsoftgraph / msgraph-training-smartui-components / Demos / 02-cards / GraphUI / Components / Banner.tsx View on Github external
private getPersonaStyles(props: IPersonaStyleProps): Partial {
    return {
      root: {
        color: ColorClassNames.white,
        float: "right"
      },
      textContent: {
        color: ColorClassNames.white
      },
      primaryText: {
        color: ColorClassNames.white
      },
      secondaryText: {
        color: ColorClassNames.white
      }
    };
  }
}
github microsoft / pai / src / webportal / src / app / job / job-view / fabric / job-detail / components / monaco-modal.jsx View on Github external
setInitialFocus={true}
      isOpen={isOpen}
    &gt;
      <div>
        {title &amp;&amp; (
          <div>
            <div>
              {title}
            </div>
            <div>
              
            </div>
          </div>
        )}
        <div>
          {open &amp;&amp; (
            </div></div>
github microsoft / pai / src / webportal / src / app / job / job-view / fabric / job-detail / components / task-role-container-list.jsx View on Github external
prevState =&gt;
            prevState.logUrl === logUrl &amp;&amp; {
              monacoProps: { value: text },
              monacoFooterButton: (
                
              ),
            },
        ),
github microsoft / pai / src / webportal / src / app / job / job-view / fabric / job-detail / components / monaco-modal.jsx View on Github external
const MonacoModal = ({isOpen, onDismiss, title, monacoProps}) =&gt; (
  <div>
    
      <div>
        {title &amp;&amp; (
          <div>
            <div>
              {title}
            </div>
            <div>
              
            </div>
          </div>
        )}
        <div>
          {open &amp;&amp; (</div></div></div>
github microsoftgraph / msgraph-training-smartui-components / Demos / 02-cards / GraphUI / Components / Banner.tsx View on Github external
const persona = (this.props.name) ? (
      )
      : (<span>&nbsp;</span>);

    return <div>
      <div>
        <div>
          Graph UI
        </div>
        <div>
          {persona}
        </div>
      </div>
    </div>;
  }
github microsoftgraph / msgraph-training-smartui-components / Demos / 02-cards / GraphUI / Components / Banner.tsx View on Github external
private getPersonaStyles(props: IPersonaStyleProps): Partial {
    return {
      root: {
        color: ColorClassNames.white,
        float: "right"
      },
      textContent: {
        color: ColorClassNames.white
      },
      primaryText: {
        color: ColorClassNames.white
      },
      secondaryText: {
        color: ColorClassNames.white
      }
    };
  }
}