JollyUI
  1. Docs
  2. components
  3. 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

Installation

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

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

Usage

Basic

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.

Disabled

With Label

With Description

Enter an email for us to contact you about your order.
LabelTextArea