dile components

다일 구성 요소 v2

이것은 LIT 및 웹 구성 요소를 기반으로하는 사용자 정의 요소 라이브러리 인 "Dile Components"카탈로그 Monorepo입니다.

이 구성 요소 카탈로그의 이전 버전을 찾고 있다면이 저장소에서 찾을 수 있습니다 : https://github.com/polydile/components-legacy

이 저장소의 패키지

• @dile/ui : 버튼, 대화, 사용자 정의 양식 요소 등과 같은 일반적인 사용자 인터페이스를 생성하기위한 구성 요소.
• @dile/utils : 웹 개발에 유용한 기능을 제공하는 구성 요소.
• @dile/icons : 구성 요소 내에서 SVG 아이콘을 구현하기위한 템플릿.
• @dile/editor : Markdown wysiwyg (당신이 보는 것은 당신이 얻는 것) 편집기 편집자입니다.
• @dile/crud : 사용자 정의 가능한 일반 CRUD 구성 요소.

이 구성 요소 라이브러리를 사용하려면 다음 단계를 따르십시오.

설치

먼저 원하는 구성 요소가있는 저장소를 설치하십시오. 예를 들어 UI 사용자 정의 요소를 사용하려면 @dile/ui 를 설치하십시오.

npm install @dile/ui

구성 요소 사용

이 라이브러리에서 구성 요소를 사용하려면 필요한 요소를 가져와야합니다. 예를 들어, 토스트 피드백 요소를 사용하려면 다음 가져 오기를 사용하십시오.

 import '@dile/ui/components/toast/toast' ;

가져 오면 응용 프로그램의 구성 요소를 사용할 수 있습니다.

 < dile-toast > </ dile-toast > 

완전한 문서

Dile Components 웹 사이트의 속성, 방법, 이벤트 및 예제와 함께 사용자 정의 요소의 전체 목록을 찾을 수 있습니다.

https://dile-components.polydile.com

기여하다

이 라이브러리에 구성 요소를 게시하는 것을 원한다면 구성 요소 조직을 이해하기위한 완전한 안내서를 찾을 수 있습니다.