ispa element

iSPA 요소 UI

Tailwind Css를 기반으로 하는 VueJs(Vue 3)용 구성 요소 라이브러리입니다.

빠른 시작

이를 사용하려면 원하는 디렉터리에서 터미널을 열고 다음 명령을 실행하세요.

npm install ispa-element

그런 다음 기본 js 프로젝트에 라이브러리를 추가하십시오.

 import { createApp } from 'vue'
import iSPAElement from 'ispa-element'

const app = createApp ( App )
app . use ( iSPAElement ) . mount ( '#app' ) 

모듈 로더

이는 애플리케이션이 vue-cli를 사용하거나 vue-loader가 구성된 웹팩 기반 빌드가 있는 경우 권장되는 방법입니다. 구성 요소 문서의 "가져오기" 섹션에서 각 구성 요소의 경로를 사용할 수 있는 프로젝트 내에서 원활한 통합을 위해 구성 요소를 .vue 파일로 가져옵니다.

 import { IButton } from 'ispa-element'

다음 단계에서는 사용하려는 태그 이름으로 구성요소를 등록합니다.

 //  In app.js
import { createApp } from 'vue'
const app = createApp ( App )

app . component ( IButton . name , IButton )
// OR app.component('i-button', IButton)

app . mount ( '#app' )

//  In component.vue
export default {
  components : { IButton }
}

::: 팁 참고 어떤 태그 이름이든 사용할 수 있지만 이러한 태그 이름은 다른 태그 이름과 충돌할 수 있으므로 사용할 고유한 태그 이름인지 확인하세요. :::

서류

iSPA Element의 전체 문서를 읽으려면 여기를 방문하십시오.

특별한 감사

놀라운 라이브러리 PrimeVue 및 Element UI에 감사드립니다. 우리의 첫 번째 버전은 이러한 라이브러리에서 영감을 얻었습니다.

중요한 단계

• 카드 구성요소
• 구성요소/지시문 로드
• 탐색/탭 구성요소
• 진행 표시줄 구성요소
• 드롭다운 구성요소
• 배지 구성 요소 (2020-12-26)
• 디바이더 구성 요소 (2020-12-20)
• 스위치 부품 (2020-12-20)
• 경고 구성 요소 (2020-12-18)
• 양식/입력 구성요소 (2020-12-16)
• 버튼 구성요소 (2020-12-09)

변경 로그

여기(CHANGELOG.md)를 클릭하면 변경 로그를 확인할 수 있습니다.

버전 관리

시맨틱 버전 관리 지침에 따라 유지됩니다.

특허

MIT © Malayvuong

지원하고 싶나요?

이 프로젝트가 마음에 들고 우리에게 기여하고 싶다면 [email protected]으로 이메일을 보내 자세한 내용을 알아보세요.

⬆ 맨 위로 돌아가기