burger menu

[white venture]

Is it possible to customize burger? like this, i want a border around it: <Burger
opened={opened}
onClick={toggle}
aria-label="Toggle navigation"
className={styles.Box} // Apply external CSS
styles={{
root: {
border: "2px solid red", // Custom border
borderRadius: "8px", // Rounded edges
padding: "10px",
backgroundColor: "#fff",
},
burger: {
backgroundColor: "#000", // Custom burger icon color
height: "3px", // Thicker burger lines
},
}}
/>

[blazing grove]

App;y these styles to the parent element instead

[white venture]

I did, doesnt work

Or can you give me an example please

Just to confirm

[blazing grove]

<div style={{ border: "2px solid red", ...otherStyles }}><Burger /></div>

[white venture]

Also tried that, doesnt sork

Work

[blazing grove]

What does not work?

[white venture]

Nevermind i will try later not on pc rn