Appearance

Sidebar Navigation

Reference

Overview

All exports

Types

Components

Trigger an action

Action

Examples

JS API

Button

Examples

Twig API

Hoverable

Examples

JS API

Animate content

CircularMarquee

Examples

Twig API

Cursor

Examples

JS API

Twig API

ScrollAnimation

Examples

JS API

ScrollReveal

Examples

JS API

Bind reactive data

DataBind

Examples

JS API

DataComputed

Examples

JS API

DataEffect

DataEffect JS API

DataModel

DataModel JS API

Examples

DataScope

Anatomy

Examples

JS API

Show and hide content

Accordion

Anatomy

Examples

Twig API

Disclosure

Anatomy

Examples

JS API

Twig API

Handle dragging

Draggable

Examples

JS API

Build a layout

Hero

Examples

Twig API

IconList

Examples

Twig API

ImageGrid

Examples

Twig API

LargeText

Examples

JS API

Twig API

Reinsurance

Reinsurance examples

Twig API

Sticky

Examples

JS API

Twig API

Load content

Fetch

Examples

JS API

FetchShopifyPartial

Examples

JS API

FetchShopifySection

Examples

JS API

Frame

Examples

JS API

AbstractFrameTrigger

Frame

FrameAnchor

FrameForm

FrameLoader

FrameTarget

FrameTriggerLoader

LazyInclude

Examples

JS API

Prefetch

JS API

Build a map

MapboxMap

Examples

JS API

MapboxStaticMap

Examples

Twig API

StoreLocator

Examples

JS API

Display media

Figure

Examples

JS API

Twig API

FigureShopify

Examples

JS API

FigureTwicpics

Examples

JS API

Twig API

FigureVideo

Examples

JS API

Twig API

FigureVideoTwicpics

Examples

JS API

Twig API

Icon

Examples

Twig API

IconImg

Examples

Twig API

Navigate content

AnchorNav

Anatomy

Examples

JS API

AnchorScrollTo

Examples

JS API

Carousel

Examples

JS API

Slider

Anatomy

Examples

JS API

Slider

SliderBtn

SliderCount

SliderDots

SliderDrag

SliderItem

SliderProgress

Tabs

Anatomy

Examples

JS API

Twig API

Open an overlay

Dialog

Examples

JS API

Modal

Anatomy

Examples

JS API

Twig API

Panel

Examples

JS API

Twig API

Toaster

Examples

JS API

Track interactions

Track

Anatomy

Examples

Track JS API

Primitives

ClickOutside

Examples

JS API

Indexable

Examples

JS API

InView

Examples

JS API

InViewOnce

Examples

JS API

Sentinel

Timer

Examples

JS API

Transition

Examples

JS API

ViewTransition

Examples

JS API

Decorators

animationScrollWithEase

withDeprecation

withIndex

withScrollAnimationDebug

withTransition

Helpers and utilities

viewTransition

On this page

Are you an LLM? You can read better optimized documentation at /reference/items/Menu/examples.md for this page in Markdown format

Examples

Burger menu

Dropdown

Mega menu

Responsive mega menu

Switch from a mega menu on desktop to a burger menu on mobile.

Last updated:

Pager

Previous pageAnatomy

Next pageJS API

MIT Licensed

Action

Button

Hoverable

CircularMarquee

Cursor

ScrollAnimation

ScrollReveal

DataBind

DataComputed

DataEffect

DataModel

DataScope

Accordion

Disclosure

Draggable

Hero

IconList

ImageGrid

LargeText

Reinsurance

Sticky

Fetch

FetchShopifyPartial

FetchShopifySection

Frame

JS API

LazyInclude

Prefetch

MapboxMap

MapboxStaticMap

StoreLocator

Figure

FigureShopify

FigureTwicpics

FigureVideo

FigureVideoTwicpics

Icon

IconImg

AnchorNav

AnchorScrollTo

Carousel

Menu

Slider

JS API

Tabs

Dialog

Modal

Panel

Toaster

Track

Examples ​

Burger menu ​

Dropdown ​

Mega menu ​

Responsive mega menu ​

Examples

Burger menu

Dropdown

Mega menu

Responsive mega menu