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.

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

import * as React from 'react';
import '@razorlabs/razorkit/style.css'; // Add this line to your code
 
// Your Application code below
function App() {
  return <div>...</div>;
}