Docs
components
Input

Input

Displays a form input field or a component that looks like an input field.

Docs

Input is a primitive meant to be used within other components. The examples below utilizes them inside TextField

Preview

Code

Installation

CLI

Copy & Paste

npx @sly-cli/sly add jolly-ui input

Note: Only the default style can be installed via CLI at the moment

Usage

Basic

Preview

Code

File

A file input can be created with an <Input type=“file”> element, but this supports limited styling options and may not integrate well with the overall design of a website or application. To overcome this, FileTrigger extends the functionality of the standard file input element by working with a pressable child such as a Button to create accessible file inputs that can be style as needed.

Preview

Code

Picture

Disabled

Preview

Code

With Label

Preview

Code

First name

With Description

Preview

Code

EmailEnter an email for us to contact you about your order.

Label Separator