Rendering a component with argument

[gsalunke]

I have a component -- data: with two string args t1 and t2... I would like to display this component only when the value of a variable is >= 1

[gsalunke]

Below is the code snippet:

-- boolean render-default: false

-- integer $variable: 0


-- data:
if: { variable >= 1 }
t1: Some t1 value
t2: Some t2 value

-- show-data:
if: { variable <= 1 }




-- component show-data:

-- ftd.text: Click here to show `data`
role: $inherited.types.heading-small
color: $inherited.colors.text-strong
cursor: pointer
$on-click$: $ftd.increment-by($a = $variable, v = 5)


-- end: show-data


-- component data:
string t1:
string t2:
boolean render: $render-default

-- ftd.column:
width: fill-container
margin-vertical.px: 24

-- ftd.text: Rendering with condition
role: $inherited.types.copy-regular
color: $inherited.colors.text

-- end: ftd.column

-- end: data

View it online