palmetto components

팔메 메토 구성 요소 라이브러리

모든 palmetto ui에 전원을 공급하기위한 반응 구성 요소 라이브러리

빠른 시작

1. 설치

yarn add @palmetto/palmetto-components

2. 글로벌 CSS 수입

@ import '@palmetto/palmetto-components/dist/css/utilities.css' ; // Utility classes -- REQUIRED
@ import '@palmetto/palmetto-components/dist/css/variables.css' ; // CSS Variables -- REQUIRED
@ import '@palmetto/palmetto-components/dist/css/index.css' ; // Component CSS -- REQUIRED
@ import '@palmetto/palmetto-components/dist/css/fonts.css' ; // Included Font files -- OPTIONAL BUT ENCOURAGED

응용 프로그램에서 모든 구성 요소의 일관된 모양을 유지하기 위해 글로벌 리셋을 가져 오는 것이 좋습니다.

@ import '@palmetto/palmetto-components/dist/css/reset.css' // A Basic CSS Reset -- OPTIONAL BUT ENCOURAGED.

3. 사용법

 import React from 'react' ;
import ReactDOM from 'react-dom' ;
import { Button } from '@palmetto/palmetto-components' ;

function App ( ) {
  return < Button > Hello World </ Button > ;
}

ReactDOM . render ( < App /> , document . querySelector ( '#app' ) ) ; 

선적 서류 비치

여기에서 전체 문서를 참조하십시오

기여

문제와 PRS 환영합니다! 기여 가이드는 여기를 참조하십시오.

문제를 제기합니다

문제를 제기 할 때 :

• 아직 문제가 제기되지 않았는지 확인하십시오.
• 최상의 판단을 사용하여 태그 문제. 새 태그를 만들지 마십시오. 새로운 것이 필요하다고 느끼면 문제를 제기하십시오.
• 문제가 버그 인 경우 필요할 때마다 문제에 스크린 샷 또는 애니메이션 GIF를 포함하십시오 (문제가 본질적으로 시각적이면).
• 문제가 버그 인 경우, 재생산 단계를 포함하거나 재현 가능한 문제에 대한 링크 (예 : 코드 샌드 박스 또는 이와 유사합니다. 장치, OS, 브라우저, 브라우저 버전 등을 포함한 추가 세부 정보도 제공하십시오.

여기에서 문제를 제기 할 수 있습니다.

특허

이 프로젝트는 MIT 라이센스의 조건에 따라 라이센스가 부여됩니다.