skiff ui

Skiff UI - 설계 시스템

Skiff UI는 Skiff에 사용되는 재사용 가능한 인터페이스 요소 모음을 기반으로 한 오픈 소스 React 구성 요소 라이브러리입니다. 웹 앱을위한 광범위한 사용자 정의 가능한 구성 요소를 제공하여 아름답고 사용자 친화적 인 인터페이스를 만들 수 있습니다.

선적 서류 비치

Skiff UI 문서

설치

프로젝트 내에서 아래 명령 중 하나를 실행하여 Skiff UI를 추가하십시오.

  # Install Skiff UI with npm
  npm install @skiff-org/skiff-ui --save

  # Install Skiff UI with yarn
  yarn add @skiff-org/skiff-ui

앱 내부에서 Skiff UI 사용

아래와 같이 Skiff 구성 요소를 프로젝트에 쉽게 통합하십시오.

  import { Button , Type } from '@skiff-org/skiff-ui' ;
  < Button onClick = { onClick } type = { Type . SECONDARY } >
    Click me
  < / Button>

Themeprovider

Skiff UI 구성 요소를 올바르게 표시하려면 앱의 루트에 Themeprovider를 추가하십시오.

  import * as React from 'react' ;
  import { ThemeProvider } from '@skiff-org/skiff-ui' ;

  function App ( { Component } ) {
    return (
      < ThemeProvider >
        < Component / >
      < / ThemeProvider >
    ) ;
  } 

피드백

피드백이 있으시면 [email protected]로 문의하십시오.

기여

기부금은 항상 환영합니다! 시작 방법은 Contributing.md를 참조하십시오.

이 프로젝트의 code_of_conduct.md를 준수하십시오.

관련된

오픈 소스 리포지토리 및 라이브러리

스키프 메일

Skiff Windows 앱

에이드 라이브러리

프로시러 테이블

특허

MIT