rivigo-ui-commons v2.5.2
Chat Widget -
<ChatWidget chatId={chatId} commentHistory={this.state.commentHistory} documentData={this.state.documentData} loadingCommentHistory={this.state.loadingCommentHistory} uploadingDocument={this.state.uploadingDocument} onAddComment={(ticketId, comment) => this.addComment(ticketId, comment)} onUploadFiles={(event, ticketid) => this.uploadFiles(event, ticketid)} onCommentChange={(comment) => this.handleCommentChange(comment)} />
Properties -
- chatId - unique id of chat widget
- commentHistory - {type: 'Comment', timestamp, message, name: (initials to be shown ), title, contactNumber, department}
{type: 'Document', timestamp, url, documentName, name: (initials to be shown ), title, contactNumber, department}
- documentData - {lastUpdatedTimestamp, documentName, url, userDetail: {name}}
- loadingCommentHistory - boolean
- uploadingDocument - boolean
- onAddComment - function(chatId, comment)
- onUploadFiles - function(event, chatId)
onCommentChange - function(comment)
Form Components
Motivation
- Create common form components that can be directly used without handling state of fields
- Use components in either controlled or uncontrolled way.
Usage
import { InputField, TextArea, DropDown, Upload, Toggle, DateTimePicker } from '../ReactComponents/formElements';
<InputField
label="Simple Input Field"
onChange={this.onChange}
placeholder="Simple Text"
error
isRequired
disabled
/>
Components
This pakage provides following React Field components:
InputField
Abstract component that expects label, onChange method.
Prop Name | Type | Default | Description |
---|---|---|---|
label | String | Label of field. | |
type | String | Type of field (text/number) | |
disabled | Boolean | false | Toggles component disabled. |
isRequired | Boolean | false | Show * if field is required. |
placeholder | Boolean | Any value that is displayed if value is empty. | |
className | String | Style class name added to root element. |
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago