hrnet-components-library v0.9.0
hrnet-components-library
A library of React components created using create-react-app
.
Installation
Run the following command:
npm install hrnet-component-library
.
Components
DataTable
A component for create a table for display an employee list. |First Name|Last Name|Start Date|Department|Date of Birth|Street|City|State|Zip Code |--|--|--|--|--|--|--|--|--| | | | | | | | | | |
Props
data
object for fill the table with the following attributes :{firstName, lastName, startDate, department, dateOfBirth, street, city, state, zipCode}
paperStyle
style for the higher parent of the tabletableStyle
style for the container of the tablerowsPerPageOptions
options for select how many rows want to display per page
Use
import { DataTable } from 'hrnet-components-library'
DatePicker
A component for create a date picker.
Props
label
the name label of the date pickersetDate
the function will be change the value of the date pickerstyle
style for the date pickerwidth
the width of the date pickerid
name id of the date picker
Use
import { DatePicker } from 'hrnet-components-library'
Modal
A component for create a modal window.
Props
onClickFunction
the function will be executed when the close button will be clickedcontentMessage
the text inside the modal windowcloseIcon
the icon for the close buttonstyle
style of the modal window
Use
import { Modal } from 'hrnet-components-library'
SelectMenu
Two components for create select menu : StateSelectMenu
& DepartmentSelectMenu
Props
options
data for the options of the select menuonChangeFunction
function for change the value of the select menulabel
name of the select menulabelFor
for attribute of the labellabelStyle
style of the labelselectStyle
style of the select menu
Use
import { StateSelectMenu, DepartmentSelectMenu } from 'hrnet-components-library'