0.13.8 • Published 4 years ago
How to develop
if you would like to add new component or see the demonstration for every comopnent, run a single command:
yarn start
publish your module of new version to private npm
npm publish
if you get any problem, please refer to its documentation:
https://verdaccio.org/docs/en/installation
https://docs.npmjs.com/cli/publish
StyledButton
PROPS & METHODS
Prop name | Type | Default | Description |
---|
children | | | |
className | String | "styled-button" | any string you put will be concatenate with old class names. example: "primary", "success", "warning", "info", "danger", "submit", "cancel" |
disabled | Boolean | false | disable button or not |
onClick | Function | noop | button click handler |
StyledWarningMsg
PROPS & METHODS
Prop name | Type | Default | Description |
---|
className | String | "styled-warning-msg" | any string you put will be concatenate with old class names |
content | String | "" | any content you would like to show |
StyledIconWrap
PROPS & METHODS
Prop name | Type | Default | Description |
---|
children | | | |
className | String | "styled-icon-wrap" | any string you put will be concatenate with old class names. |
onClick | Function | noop | click handler |
StyledRule
PROPS & METHODS
Prop name | Type | Default | Description |
---|
className | String | "styled-rule" | any string you put will be concatenate with old class names |
customIconComponent | Class or Function | "" | class or function component for showing your icon |
rule | String | "" | any rule you want to show |
StyledUploadMediaRules
PROPS & METHODS
Prop name | Type | Default | Description |
---|
className | String | "styled-upload-media-rules" | any string you put will be concatenate with old class names |
fileType | String | image | "image" or "video" |
isNeedLimitFileSize | Boolean | true | if you set true to this prop, then it will show the warn ing message when the uploaded file size over the limitation of file size you gived |
fileSizeLimit | Number | 3 | the limitation of file size (MB) |
acceptedImageFileExtension | List | List | you can decide what file types are acceptable |
customIconComponent | Class or Function | "" | class or function component for showing your icon |
customRules | List | List | any extra rules you would like to show |
StyledInput
PROPS & METHODS
Prop name | Type | Default | Description |
---|
className | String | "styled-input" | any string you put will be concatenate with old class names. |
isFiltering | Boolean | false | you can swith input field to normal or filtering mode |
disabled | Boolean | false | |
autoFocus | Boolean | false | |
placeholder | String | "" | |
value | String | "" | |
onChange | Function | noop | |
onBlur | Function | noop | |
onKeyDown | Function | noop | |