1.0.4 • Published 5 years ago
storybook-central-repo-test v1.0.4
Component Library
Component | Import | Usage |
---|---|---|
Contact Form | import {ContactForm} from 'storybook-central-repo-test' | <ContactForm method={}/> |
MessageBanner | import {MessageBannder from 'storybook-central-repo-test'} | <MessageBanner /> |
##Contact Form propTypes
prop | type | isRequired | default | description |
---|---|---|---|---|
formAction | string | false | '' | action for the form |
formMethod | POST / GET | true | '' | method for the form |
style | object | false | {} | inline styling of the component |
formTitle | string | true | '' | title of the form |
namePlaceholder | string | false | Name | placeholder for the name input |
emailPlaceholder | string | false | placeholder for the email input | |
messagePlaceholder | string | false | Message | placeholder for the message input |
options | array | true | [] | ID and Item required |
options.id | number | true | id for hte options items | |
options.item | string | true | category name for the options item | |
nameLabel | string | false | Name | label for the name input field |
emailLabel | string | false | label for the name email field | |
categoryLabel | string | false | Category | label for the category input field |
messageLabel | string | false | Message | label for the message input field |
focusColor | string | false | default style | color of the inputs focus outline |
hoverColor | string | false | default style | color of the submit button hover |
btnOutlineColor | string | false | default style | outline color for the button on focus |
hoverTextColor | string | false | default style | text color for an input on hover |
##MessageBanner propTypes
prop | type | isRequired | default | description |
---|---|---|---|---|
succesColor | string | false | #4fc649 | color of the success banner type |
failColor | string | false | #c64949 | color of the failure banner type |
succesMessage | string | false | succes message | message of the success banner type |
failureMessage | string | false | failure message | message of the failure banner type |