LotruDocsComponents
BlocksComing soon

Docs

Input

Input

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

import * as React from "react";
 
import { Input } from "@/components/ui/input";
 
export function InputExample(): React.JSX.Element {
  return <Input placeholder="Name" />;
}

Installation

npx lotru@latest add ui/input

Usage

import { Input } from "@/components/ui/input";
<Input />

Examples

Default

import * as React from "react";
 
import { Input } from "@/components/ui/input";
 
export function InputExample(): React.JSX.Element {
  return <Input placeholder="Name" />;
}

Previous

Icon Button

Next

Kbd