Burger
<esp-burger>
Animated burger button for showing and hiding navigation components.
Attributes
<esp-burger> has the following attributes:
menu-open
menu-open has a default value of false.
Whether or not the burger indicates an open state.
Events
<esp-burger> emits the following events:
opened
opened is of type CustomEvent.
Emitted when the button is clicked and the image changes from a burger to an X.
closed
closed is of type CustomEvent.
Emitted when the button is clicked and the image changes from an X to a burger.
CSS Properties
<esp-burger> has the following CSS properties:
--esp-color-burger
The color of the burger lines when closed.
--esp-color-burger-hover
The hover color of the burger lines when closed.
--esp-color-burger-opened
The color of the burger lines when open.
--esp-color-burger-opened-hover
The hover color of the burger lines when open.
--esp-size-burger-stroke
The stroke width of the burger lines.