nCino Web Components are Native Web Components that can be consumed in any framework, or no framework at all.
If you want to make use of the global utility styles available, import the styles for your design system.
Ex import '@ncino/web-components/gator-global-styles.css
View the samples in the ./samples directory for examples of how to consume the components for the framework of your choice.
You can either import components individually or all components through a single file.
Simple import the index.js included in the Dist. This file includes all components.
import '@ncino/web-components';Import the components you need individually.
// SLDS Component
import '@ncino/web-components/dist/components/button/button.slds';
// Gator Component
import '@ncino/web-components/dist/components/button/button.gator';Included in the distribution of these components will include both a custom-elements.json manifest file and a web-types.json file
These files can be used to provide IntelliSense in your IDE and should work OOTB but may need additional configuration depending on your IDE.
Each of the component declare a global definition for the custom web components. This means your IDE can recognize the components and provide intellisense.
All types are exported in the dist/types folder of the npm package.