Button School Handbook
  • Ethos
    • Values
    • Tangibility
    • Core Skills
  • Style Guide
    • Mission and Core Values
    • Learning Personas
    • Tone and Voice
    • Reference Style Manual
    • List of Words and Branded Phrases
    • Image Guidelines
    • Formatting
    • Trusted Sources
    • Prohibited Topics
  • Process
    • Developing Visuals, Interactives, Starter Files
    • Production Notes
      • Images and Diagrams
      • Screencast videos
  • Documentation
    • Repository
      • Getting Set Up
      • Repository Structure
      • Common Workflows
      • Tools and Packages
      • Finding Things
    • Chalk
      • Getting Started with Chalk
        • What is Chalk?
        • Basic Syntax
        • Quick Start Guide
      • Chalk Guides
        • Organizing Files in Chalk
        • Embeds in Chalk
        • Chalkboard
      • Chalk Examples
        • Basic Syntax Examples
        • Embed Examples
          • Figma Embed Examples
          • Image Embedding Test
        • Interactive Examples
          • Interactive Embeds
          • Static Embeds
          • Prompt Blocks
          • Internal Notes
          • Callouts
        • Keystrokes
        • Clappers
      • Chalk Reference
        • Chalk Syntax Reference
        • Embed Types Reference
        • Best Practices
      • Development
        • Development
        • Ideas
        • Image Embedding Support
        • Figma Embeds
        • Chalk — near‑future ideas (scratchpad)
          • Theming engine (notes)
    • Workbench
      • Getting Started
      • Overview and Philosophy
      • Authoring Model: props
      • Controls Panel
      • Play Behavior
      • Working with Blueprint Components
      • Workbench Runtime
      • Errors, Fallbacks, and Resilience
      • Compatibility and Performance
    • Blueprint
      • Getting Started
      • Overview and Philosophy
      • Element Component
      • Fill Component
      • Shadow Component
      • Content Component
      • Layout Component
      • Elevation and Layering
      • Zoom and Scaling
      • Variants and State Management
  • Button School Handbook / Documentation / Chalk / Chalk Examples / Interactive Examples
  • Button School Handbook Documentation Chalk Chalk Examples Interactive Examples
    • Interactive Examples

      Examples of interactive Chalk components using Svelte, including buttons, forms, and other interactive elements.

      title status
      Interactive Embeds Prototype
      Static Embeds Prototype
      Prompt Blocks Prototype
      Internal Notes Prototype
      Callouts Prototype
      ← Previous Image Embedding Test Next → Interactive Embeds