Cross-platform Component Library#

To make building cross-platform applications simpler, we are working on building a complete cross-platform component library called wis. Unlike other component libraries in the market, it is not hosted on npm, but rather provides component resources based on the cross-platform capabilities of Cross-platform Applications.

We have also released an online version that updates with version releases. You can choose to use the deployed online version or opt for private deployment, in which case you will have control over the entire component library source code.

How to Register#

Open your project's configuration file wis.config.ts and register the wis application with the following configuration:

import type { WisConfig } from "@wisdesign/wis-plugin";
 
export default const config: WisConfig = {
  remotes: {
    wis: "https://static.wis.design",
  },
}

How to Use#

Import components in the project where you need to use them, as shown below:

import { Button } from "wis/button";
 
export default function () {
  return <Button text="Wis Button" />;
}

For more information about the component library, check out Component Library