1.0.4 • Published 7 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 |