For the best experience, please view this on a larger device.

Input hidden

The hidden input component is a simple design component for Framer that represents a hidden HTML input element. This component can be used to store hidden data that needs to be submitted with form data, without being visible to the user.

Features

Design

Dark Mode

Inspect this to see the hidden input.

Properties Overview

name (String): The name attribute of the hidden input, which identifies the input when form data is submitted.
value (String): The value attribute of the hidden input, which contains the data to be submitted.

Implementation

Basic Usage

To integrate the HiddenInput component into your Framer project, you simply need to include it within your form or component structure.

Notes

Name Property: Ensure the name property is unique within the form to avoid conflicts and ensure correct data submission.
Value Property: Use the value property to securely pass any additional data that you don't want to display but need for form submission handling on the server-side.
Visibility: The input element generated by this component is set to display: none, making it invisible and not affecting the layout of your form.
Default Props: The component includes default props to prevent errors if name or value properties are not explicitly set.