Dowe Views Documentation

LOGIC / VISIBILITY

Control visibility with show

The common show prop controls whether a visible component renders and participates in layout. Use a static boolean, a responsive map, or a reactive condition that Dowe can evaluate from page state.

1 / LIVE EXAMPLE

Combine boolean and numeric conditions

When a condition is false, the associated component takes no space in the layout. Toggle the boolean Signal to reveal text, then add items until the numeric condition becomes true.

show decides whether the component renders. The component's own props and children remain unchanged when the condition becomes true again.

This message follows a boolean Signal.

You added at least three items.

signal detailsVisible value:false
signal itemCount value:0

Text show:detailsVisible
  "Optional details"

Card show:{ when:itemCount gte:3 }
  Text
    "Three items reached"

2 / CHOOSE THE FORM

Use the condition that matches the owner

Keep visibility close to the component it controls. A static rule belongs in the view tree, a breakpoint rule belongs in responsive props, and a reactive rule reads state owned by the page or layout.

Form	Syntax	Use it when
No data There are no records to display

No data