skiff ui

Skiff UI - 設計系統

Skiff UI是基於Skiff中使用的可重複使用的接口元素的集合。它為Web應用程序提供了廣泛的可自定義組件，使您有能力創建美麗且用戶友好的接口。

文件

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>

主題

要正確顯示Skiff UI組件，請在應用程序的根部添加theprovider。

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

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

回饋

如果您有任何反饋，請通過[email protected]與我們聯繫。

貢獻

總是歡迎捐款！有關入門方式，請參見貢獻。

請遵守該項目的Code_of_conduct.md。

有關的

我們的開源存儲庫和庫

skiff郵件

Skiff Windows應用程序

aead庫

PROSEMIRROR表

執照

麻省理工學院