一個用於建立react+Figma外掛的輕量級的UI庫

banq發表於2021-09-04
ReactUI

對 figma-plugin-ds 的 React 實現，點選標題。
如何安裝
首先，透過 npm 在您的專案中安裝庫：
$ npm install react-figma-ui
要使用該按鈕，請使用以下元件。每個按鈕都有一個破壞性選項。三級按鈕的樣式類似於超連結。

import { Button } from 'react-figma-ui';

// Primary
<Button tint="primary">Label</Button>
<Button tint="primary" destructive>Label</Button>
<Button tint="primary" disabled>Label</Button>

// Secondary
<Button tint="secondary">Label</Button>
<Button tint="secondary" destructive>Label</Button>
<Button tint="secondary" disabled>Label</Button>

// Tertiary (Hyperlink style button)
<Button tint="tertiary">Label</Button>
<Button tint="tertiary" destructive>Label</Button>
<Button tint="tertiary" disabled>Label</Button>


 

相關文章