issues
search
INtiful
/
SootheWithMe
같이 달램
https://soothe-with-me.vercel.app/
0
stars
0
forks
source link
feat: input, textarea 컴포넌트 UI 작성
#19
Closed
hakyoung12
closed
3 weeks ago
hakyoung12
commented
4 weeks ago
✏️ 작업 내용
input UI 작성
textarea UI 작성
📷 스크린샷
기본
hover
focus
textarea 스크롤
✍️ 사용법
기본적으로 width는 full 맞춰져 있습니다. 부모요소에 width를 주시면 원하는대로 조절 가능합니다
기본 input에서 class를 추가하고 싶으시다면 props로 className을 지정해주시면 반영됩니다.
Input 컴포넌트의 모든 기본 HTML 속성 및 이벤트 핸들러는 props를 통해 전달가능합니다.
forwardRef를 사용하여 부모 컴포넌트가 자식 컴포넌트의 ref를 직접 참조할 수 있습니다.
forwardRef는 부모 컴포넌트가 자식 컴포넌트의 DOM 노드에 직접 접근할 수 있게 해 주며, 이는 특히 폼 요소와 같은 기본 HTML 요소를 래핑하는 컴포넌트에서 유용합니다.
ref는 input 요소에 대한 참조를 제공하며, 예를 들어 포커스 제어 등에 사용가능합니다.
🎸 기타
close #13
✏️ 작업 내용
📷 스크린샷
기본
hover
focus
textarea 스크롤
✍️ 사용법
🎸 기타
close #13