Olum logoOlum
Docs

core

  • Introduction
  • Get Started
  • Component File Structure
  • State & Reactivity
  • Text Interpolation
  • Watchers
  • Conditionals
  • Show / Hide
  • Loops
  • Events
  • Two-way Binding
  • Attributes
  • Raw HTML
  • Components & Props
  • Slots
  • Imports
  • Props & Methods Scope
  • Scoped CSS
  • Lifecycle Hooks
  • Escaping & Security
  • Common Mistakes
  • Limitations
  • Quick Reference

router

  • Router
  • File Conventions
  • Reading Route Params
  • Navigating with to
  • Active Link Styling
  • History Mode & the 404 Page
Home/Docs/Two-way Binding
Template Syntax

Two-way Binding

There is no model attribute — bind manually with a value + oninput handler:

Component.html
<input
  type="text"
  value="{state.text}"
  oninput="(e) => state.text = e.target.value"
/>
<p>Echo: {state.text}</p>
EventsAttributes
Edit on GitHub
Olum logoOlum

The fastest way to turn ideas into apps for hackathons.

Framework

  • Introduction
  • Quick Start
  • Examples

Ecosystem

  • Router
  • Extension
  • Devtool

Community

  • GitHub
  • Twitter
  • Blog

Resources

  • Docs
  • API Reference
  • Templates

Sponsor Olum

Help keep Olum free and open source.

Sponsor

© 2026 Olum contributors. MIT License.

Made with♥by the Community