react wired elements
`0.1.6` release
반응 구성 요소로서 유선 요소.
스토리 북 데모에는 대화식 예제와 각 구성 요소의 소품 및 사용에 대한 자세한 문서가 포함되어 있습니다.
유선 요소는 SVG를 사용하여 와이어 프레임 모양으로 웹 구성 요소를 제공하는 정말 멋진 라이브러리입니다. 이 라이브러리는 각 유선 요소를 React 구성 요소에 랩핑하고 사용 가능한 속성, 메소드 및 스타일 옵션을 소품으로 노출시킵니다 (가능한 한 최대한).
1 단계. yarn 또는 npm 사용 하여이 라이브러리를 설치하십시오.
yarn add react-wired-elements
2 단계. 기본 HTML 파일의 헤드에 자료 아이콘 CSS 파일을 포함시킵니다.
< head >
< link
href =" https://fonts.googleapis.com/css?family=Material+Icons&display=block "
rel =" stylesheet "
/>
</ head > import React from 'react' ;
import { WiredCard , WiredButton } from 'react-wired-elements' ;
const App = ( ) => {
return (
< WiredCard fill = "#F5F5F5" elevation = { 3 } >
< WiredButton onClick = { handleSubmit } > Submit </ WiredButton >
</ WiredCard >
) ;
} ;대화식 예제 및 자세한 소품 정의 및 사용 지침에 대한 스토리 북 데일모를 확인하십시오.
다음은 구성 요소의 전체 목록입니다. 스토리 북 예제로 지시 될 구성 요소를 클릭하십시오.
유선 요소 와이 라이브러리 사이에는 몇 가지 이름 지정 및 기능 차이가 있습니다. 이는 부분적으로 React 및 웹 구성 요소의 작동 방식과 React의 일반적인 이름 지정 규칙/패턴을 따르는 노력의 차이로 인해 발생합니다. 이들은 웹 구성 요소이기 때문에 합성 이벤트에 반응하는 대신 기본 이벤트를 파견합니다.
WiredTextArea 구성 요소의 maxRows 소품이 작동하지 않습니다WiredCalendar 에서 일하지 않는 firstDate 및 lastDate
