Modus React Components

About

This is a React wrapper library for Modus Web Components 2.0 and the components were programmatically generated using the Stencil for React v19.1.

Installation

Install the Modus React Components Library using npm:
``bash
npm install @trimble-oss/moduswebcomponents-react@-react


e.g.,


npm install @trimble-oss/moduswebcomponents-react@1.0.0-react19
`

Import our styling in your main JavaScript or CSS file:

`javascript
import "@trimble-oss/moduswebcomponents/modus-wc-styles.css";
`

Example Usage

You can use the components as you would any other React component.

- Use a Modus Button in your App.tsx

`html
Primary Button
``

Usage Notes

If you are using Vite, you cannot use plugin-react-swc with this library. You will need to use the default Vite React plugin. This is due to parts of the plugin being unimplemented on the SWC side, and will fail for production builds.