bamboos-ui v1.1.7

Bamboos UI

Bamboos UI Components

• Overview
• Howto: imageButton 예시
• Build

Table of contents generated with markdown-toc

Overview

Bamboos UI 요소를 NPM package로 사용하여 공통 모듈을 효율적으로 관리

Howto: imageButton 예시

ldm-front에서 사용하고자 하는 소스코드에 아래와 같이 import 하여 사용

// import ImageButton from "../imageButton/imageButton";
import ImageButton from "bamboos-ui/lib/components/imageButton"

export default function SideControlBar() {

  const { buttons } = useSideControlBar();

  const renderButton = (button: any) : JSX.Element => {
    return (
      <ImageButton 
        label={button.label}
        image={button.image}
        callback={button.callback}
        logo={{fillUnactive: "white"}}
        buttonSize={{width: 63, height: 60}}
      />
    )

Build

(1) 소스코드 다운로드 & 빌드 (2) 버전설정 (3) publish

## (1) 소스코드 다운로드 & 빌드
$ git clone git@github.com:bambros/bamboos-npm.git
$ cd bamboos-npm
$ npm install
$ npx tsc

## (2) 패치 버전 증가
$ npm version patch

## (2) 주요 버전 변경시, package.json을 열어서 version 부분 직접 수정 
$ vi package.json
"version": "2.1.3"

## (3) publish
$ npm publish