css

Description

Optional. Adds a custom style to the menu item

Usage

css?: string;

Example

// App.jsx
import MenuBar from "./MenuBar.jsx";
import "./mystyle.css";

const options = [
  /* menu options here */
];

export default function App() {
  return (
    <div>
      <MenuBar options={options} css="mystyle" />
    </div>
  );
}

/* mystyle.css */
.wx-menu.mystyle {
    border: 1px solid black;
    background-color: brown;
}

.wx-menu.mystyle .wx-item {
    background-color: brown;
    color: white;
}

Related article: Styling an item of MenuBar