텍스트 입력
안정primitive한 줄짜리 글·비밀번호·숫자를 입력하는 칸입니다.
@tissue-ui/layout-react설치
bash
npm install @tissue-ui/layout-reacttsx
import { Input } from "@tissue-ui/layout-react";언제 쓰나
- 한 줄 텍스트·숫자·비밀번호를 입력받을 때.
플레이그라운드
type
disabled
error
tsx
<Input type="text" placeholder="[email protected]" />예제
기본 · 오류
입력 종류(type)
type 으로 비밀번호·숫자 등 입력 방식을 바꿉니다.
비활성 · 읽기 전용
버튼과 조합
검색·적용 버튼과 한 줄로 묶어 씁니다.
속성
| 속성 | 타입 | 설명 |
|---|---|---|
| type | string | 입력 종류입니다 (기본 text, 예: password·number). |
| placeholder | string | 비었을 때 흐리게 보이는 안내 글입니다. |
| disabled | boolean | 입력을 막습니다. |
| error | boolean | 값이 잘못됐다고 빨간 테두리로 알립니다. |
위 옵션 말고도 className·onClick 같은 일반 HTML 속성을 그대로 넘길 수 있습니다.
상태
defaulthoverfocusdisablederror
data 속성
data-disableddata-error
이 페이지의 옵션·상태는 실제 코드 정의에서 그대로 가져온 것입니다. 에이전트는 같은 내용을 llms.txt 로 읽습니다.