Fusion UI

Overview

Input is the text field for single line text, passwords, emails, numbers and, as textarea, multi line text. Label, hint, error message and links next to the label come from the shared form field.

"use client";

import React, {useState} from "react";
import {Input} from "@brynlabs/fusion-ui";

export const InputExample = () => {
  const [value, setValue] = useState("Input value");
  return <Input label={"Input label"} value={value} onChange={v => setValue(v)}></Input>;
};

Playground

required

invalid

disabled

import { Input } from "@brynlabs/fusion-ui"

<Input
  label={"Form field label"}
  required={false}
  type={"text"}
  placeholder={"Placeholder"}
  invalid={false}
  disabled={false}>
</Input>