@equinor/fusion-wc-theme NPM

@equinor/fusion-wc-theme

Install

npm install @equinor/fusion-wc-theme

Fusion Web Components are base of Material Web Components, but uses the EDS (Equinor Design System) for styling / theming. This component is necessary to override the css attributes used in MD (material design)

Usage

Vanilla JS/HTML

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My Example App</title>
  </head>
  <body>
    <!-- Add the Fusion Theme variables to the DOM. -->
    <fwc-theme>
      <!-- The rest of your app code... -->
      <div id="my-app"></div>
    </fwc-theme>
    <!-- The Fusion Web Components use standard JavaScript modules. -->
    <script type="module">
      import '@equinor/fusion-wc-theme';
    </script>
  </body>
</html>

React

import Theme from '@equinor/fusion-wc-theme';
Theme;

export const App => {
  return (
      <fwc-theme>
        <!-- The rest of your react app code. -->
        <MyComponent />
      </fwc-theme>
  );
}

@equinor/fusion-web-theme @material/theme lit @equinor/fusion-wc-core

@everything-registry/sub-chunk-294 @equinor/fusion-react-styles @zalastax/nolb-_eq

10 months ago

1 year ago

2 years ago

2 years ago

2 years ago