---
title: "Conditional Inputs — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Nabeel · Forms. About This component allows you to conditionally show/hide inputs and an other layer based on the conditional value of inputs in Framer."
canonical: "https://framer.elliotli.dev/component/conditional-inputs"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Conditional Inputs

# Conditional Inputs

[View on Framer](https://framer.com/marketplace/components/conditional-inputs/?via=elliot-li)

![Conditional Inputs preview image 1](https://framer.elliotli.dev/og/component/conditional-inputs/7778eab7ab69808f/1600x1200.jpg)

## Summary

About This component allows you to conditionally show/hide inputs and an other layer based on the conditional value of inputs in Framer.

## Description

## About

This component allows you to conditionally show/hide inputs and an other layer based on the conditional value of inputs in Framer. This component lives inside Framer's native form allowing you to make full use of the built it Framer collection methods. You can make conditions with the following inputs : Text Fields, Selections, Radio Buttons, Checkboxes, Numeric Fields

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click [here](https://segmentui.com/uikit) to see the full library

## Instructions

1.  Add the LogicGate component to your canvas.
    
2.  In the properties panel, Set the "Condition" with a JavaScript expression (e.g., 'age > 18').
    
3.  Add a component instance to "Content if True".
    
4.  Optionally, add a component instance to "Content if False".
    
5.  Toggle "Debug Mode" if you need to troubleshoot.
    
6.  Preview & Test
    

## How It Works

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-cowses8p-tjYjSQ7fkRH5D8LovW4dsR5KIgLtek)

The component accepts four main controls: 'condition' (a JavaScript expression to evaluate), 'content' (component to show if condition is true), 'fallbackContent' (component to show if condition is false), and 'debug' (boolean to toggle debug information display). Nested conditions are also supported

Each of the component can be an input or any other layer. You can also add multiple LogicGate components inside the Form.

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #10846

## Details

- **Author**: Nabeel
- **Price**: $15.00
- **Published**: 2025-07-31
- **Updated**: 2025-08-07
- **Added**: 2025-07-28
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from