kubit react components 다운로드 -Kubit kubit react components 소스 코드 다운로드

kubit react components

타사 구성 요소

v1.17.0

다운로드

시작하기

설치

패키지를 설치하려면 다음 명령을 실행하십시오.

NPM

npm install @kubit-ui-web/react-components

방사

yarn add @kubit-ui-web/react-components

패키지 및 종속성을 설치합니다. 이제 구성 요소를 가져 와서 응용 프로그램에서 사용할 수 있습니다.

용법

구성 요소를 사용하려면 패키지에서 가져 와서 응용 프로그램에서 사용하십시오.

 import { Button , KubitProvider } from '@kubit-ui-web/react-components' ;
import React from 'react' ;

const App = ( ) => {
  return (
    < KubitProvider >
      < Button variant = "PRIMARY" size = "MEDIUM" >
        Click me
      </ Button >
    </ KubitProvider >
  ) ;
} ;

export default App ;

이것은 기본 스타일과 기능으로 버튼을 렌더링합니다.

참고 : KubitProvider 는 구성 요소를 사용해야합니다. 구성 요소에 테마 및 기타 컨텍스트를 제공합니다.

테마 변경 및 다른 옵션에 대한 자세한 정보는 테마 사용자 정의에서 더 많은 정보를 얻을 수 있습니다.

선적 서류 비치

Kubit UI 웹 사이트에서 웹 구성 요소에 대한 문서를 찾을 수 있습니다.

스토리 북

스토리 북을 실행하려면 우선 저장소를 복제하고 종속성을 설치하십시오. 그런 다음 다음 명령을 실행합니다.

npm run storybook

yarn storybook

스토리 북 서버가 시작되며 구성 요소가 작동하는 것을 볼 수 있습니다.

테스트

테스트를 실행하려면 다음 명령을 사용할 수 있습니다.

npm run test

yarn test

이것은 테스트를 실행하고 터미널의 결과를 보여줍니다.

기여

우리는 기부에 개방적입니다. 프로젝트에 기여하려면 아래 단계를 따르십시오.

포크 저장소 : GitHub의 저장소 페이지의 오른쪽 상단에있는 "Fork"버튼을 클릭하십시오. 이렇게하면 계정에 저장소 사본이 생성됩니다.
저장소 복제 : git clone 사용하여 저장소를 로컬 컴퓨터로 복제하십시오.
```
git clone
```
지점 만들기 : git checkout 사용하여 변경 사항에 대한 새 지점을 만듭니다.
```
git checkout -b < branch-name >
```
변경 : 코드베이스를 변경하십시오. 변경 사항을 테스트하십시오 .
커밋 변경 : git commit 사용하여 변경 사항을 지사에 커밋하십시오.
```
git commit -m " Your commit message "
```
푸시 변경 : git push 사용하여 변경 사항을 포크 리포지토리로 밀어냅니다.
```
git push origin < branch-name >
```
풀 요청 열기 : GitHub의 원래 저장소로 이동하여 "새 풀 요청"버튼을 클릭하십시오. 변경 사항에 대한 자세한 내용으로 양식을 작성하고 풀 요청을 제출하십시오.