Skip to content

[Feat]: Conditional Layout Component #2120

@chrniem

Description

@chrniem

Is your feature request related to a problem? Please describe.
There is no easy way on conditionally displaying components,
i.e. if value is true, i want to display the checkpox, if false I want to display the number input

Describe the solution you'd like
It could be similar to a tabbed container component, just without any reserved spaces (see screenshot) in the container and a some logic in the properties toolbar to set it up conveniently. Meaning easily switching between the single options during the setup process.
Somehow like this JS pseudocode:

<div>
{{ var1 === true ? <checkbox>  :  <input> }}
</div>

Describe alternatives you've considered
To solve the issue I had to use a tabbed container. But this creates a very scatterd list, due to the reserved areas of the tab component and i.e. simply aligning the number input in the screenshot would mean to activate tabs, make number tab visible, move it, go back, preview and iterate.

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions