logo

@solb/bottom-sheet 라이브러리 출시

language-logoGithub
language-logoJavascript
language-logoReactJS
language-logoVueJS

• 개발자가 회사에서 유용하게 사용하던 bottom-sheet를 라이브러리로 만들어 npm에 올려 다른 사람들과 공유하게 되었다. 이 라이브러리는 순수 자바스크립트로 만들어진 bottom-sheet로, 모바일 웹이나 앱에서는 bottom-sheet 형태로, 웹에서는 모달 형태로 나타난다.
• 이 컴포넌트는 web components로 만들어져 어떤 프레임워크에서도 사용할 수 있으며, 설치는 NPM이나 CDN을 통해 가능하다. 사용법은 bottom-sheet 안의 자식 요소들을 무조건 main 태그로 감싸주는 것이다.
• 본문은 웹 컴포넌트로 만든 bottom-sheet 컴포넌트에 대한 설명이다. 이 컴포넌트는 제목, vh값, 클래스명을 선택적으로 입력할 수 있으며, openSheet(), openFullSheet(), closeSheet(), fullSheet() 등의 메소드를 제공한다.
• 이 컴포넌트는 GitHub와 npm에서 확인하고 다운로드 받을 수 있다. 작성자는 npm에 이 컴포넌트를 올리는 과정이 간단했으며, 이 라이브러리가 다른 사람에게 도움이 되길 바란다.

thumbnail
북마크
공유하기
신고하기
4분 분량
조회수 178
profile-image소르빔
일 년 전
Copyright © 2025. Codenary All Rights Reserved.