@nolebase/ui-rive-canvas

Wrapper of @rive-app/canvas for VitePress documentation sites.

[!CAUTION]

This package is in Alpha stage.

This package is still in the Alpha stage, and it is not recommended to use it in production. The API may change in the future, and there may be bugs in the current version. Please use it with caution.

[!IMPORTANT]

For users who imported VitePress related components

If you are using VitePress, you will need to add the following configurations to your vite.config.ts file like this:

1export default defineConfig(() => {
2  return {
3    ssr: {
4      noExternal: [
5        // Add this line to your vite.config.ts
6        '@nolebase/ui-rive-canvas',
7      ],
8    },
9  }
10})

For more information about why configure this, please refer to the Server-Side Rendering | Vite documentation.

Install

Npm

1npm i @nolebase/ui-rive-canvas -D

Yarn

1yarn add @nolebase/ui-rive-canvas -D

Pnpm

1pnpm add @nolebase/ui-rive-canvas -D

Documentation

Please refer to Rive Canvas for more information.