simple-react-ui-library v1.1.10

simple-react-ui-library

這是一個簡單方便的ui library 解決常常重複刻畫的UI或方便的component 例如： Modal, Flexbox , themeProvider , sidebar等等... 目前版本暫時只有modal 與 flexbox

這個 Modal 組件是一個自定義的彈出視窗，可以根據您的需求進行樣式調整。以下是教學：

npm 先下載:

npm i simple-react-ui-library

引入Modal:

import {Modal} from 'simple-react-ui-library';

使用Modal:

<Modal
  isOpen={isOpen}
  width="400px"
  height="400px"
  borderRadius="5px"
  closeButtonFuc={handleCloseModal}
  customStyle={{borderRadius: '30px'}}
>
  <div>您的 Modal 內容</div>
</Modal>

以下是您可以自定義的 props：

引入FlexBox:

import {FlexBox} from 'simple-react-ui-library';

使用:

<FlexBox
  width="400px"
  height="400px"
>
  <div>您的 Modal 內容</div>
</FlexBox>

以下是您可以自定義的 props：