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/Show / Hide
Template Syntax

Show / Hide

Like <if>, but keeps the element in the DOM and toggles display:none.

Component.html
<show when="state.visible">
  <div class="panel">Always in the DOM; only visibility toggles.</div>
</show>
ConditionalsLoops
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