Skip to content

Main Navigation

Guide
Reference
Playground
- Release Notes
- Migration guides

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
  Motion
  - Examples
    JS API
  MotionScrollTimeline
  - Examples
    JS API
  MotionSequence
  - Examples
    JS API
  MotionView
  - Examples
    JS 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
  Menu
  - Anatomy
    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/Figure/examples.md for this page in Markdown format

Examples

Lazyload

Last updated:

Pager

Previous pageFigure

Next pageJS API

MIT Licensed

Copyright © 2020–present Studio Meta