Skip to main content


BEM Naming Rule

The BEM naming rule is used to name CSS classes. It is a convention for naming CSS classes in a consistent and predictable way. It helps to achieve reusable components and code sharing in front-end development.

<div className={"wkit-button"}>...</div>

Import default CSS

You need to import the default CSS file to use the default styles.


You may need a proper CSS loader to import CSS files. See Webpack or Vite for more information.

For example, import the default css file in the src/index.jsx file:

import * as React from "react";
import "@suiet/wallet-kit/style.css"; // Add this line to your code

// Your Application code below
function App() {
return <div>...</div>;