@loadsmart/miranda-wc

Miranda WC

Miranda 4all is a web components library that serves as a standard for all Loadsmart products regarding the product's front-end technology. The goal is to offer our users a delightful, unified, and consistent experience.

Why Miranda?

The name Miranda is inspired by a Brazilian singer, Sula Miranda, the queen of the truckers. Miranda also means "worthy of admiration," and that's what we want when we improve our UI quality; more admirable is our product.

Hey designers, we have an extra Figma documentation that can help you apply the components to your projects.

Code Editor Integration

This project is using cem-plugin-vs-code-custom-data-generator to generate a vscode.html-custom-data.json to be integrated with Visual Studio Code.

You can read more about this feature on Custom Data Format: Evolving HTML and CSS language features.

To enable to enable this integration, you will need to copy and paste the following code into your .vscode/settings.json.

{
  "html.customData": [
    "./node_modules/@loadsmart/miranda-wc/dist/vscode.html-custom-data.json"
  ]
  // We currently don't have a CSS custom data file
  // "css.customData": [
  //   "./node_modules/my-component-library/vscode.css-custom-data.json"
  // ]
}