Skip to main content

Basic

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.

.wkit-[block]__[element]--[modifier]
<div className={"wkit-button"}>...</div>

Import default CSS​

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

tip

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:

src/index.jsx
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>;
}