Input

input tag

Overview

Inputs can be set to reflect any type of HTML input type through the param in the component, depending on the setup, it can be a date, text, radio, checkbox, etc.

Setup

1. Select the layer or element you want to render as an input in Figma

2. In the plugin navigate to the Component section

3. Set the type to input

4. Optionally set the attributes of the component

5. Compile and publish your project

Usage

Select this component to render an input element in your HTML DOM.

Rendered Element

<input> ... </input>