React component for faster and simpler web development.
MpDS Patient Card is available as an [npm package](npm i mpds-patient-card).
// with npm
npm i mpds-patient-card
Here is a quick example to get you started, it's all you need:
import * as React from "react";
import MpdsPatientCard from "mpds-patient-card"
function App() {
return <MpdsPatientCard hasImage="false" idCardName="Francisco Medina"></MpdsPatientCard>
}
ReactDOM.render(<App />, document.querySelector('#app'));| Name | Description | Default |
|---|---|---|
| idCardPhoto |
Photo given to the IdCard.
any
|
- |
| hasImage |
If the card doesn't got an image, it will load a default avatar on it.
boolean
|
false |
| idCardName |
Name of the person in the card.
string
|
PATIENT NAME |
| idCardTypeDoc |
Type of the document.
string
|
SNS |
| idCardIdentification |
Id of the card.
string
|
1234567890 |
| RoomCode |
Code of the room.
string
|
90 |
| RoomCodeTopic |
Letter choseen for the room topic.
string
|
R |
| BedCode |
Code of the bed.
string
|
9 |
| BedCodeTopic |
Letter choseen for the bed topic.
string
|
B |
| valueOneTitle |
Title of the first value.
string
|
Age |
| valueTwoTitle |
Title of the second value.
string
|
Gender |
| valueThreeTitle |
Title of the third value.
string
|
Occupation |
| valueFourTitle |
Title of the fourth value.
string
|
Nationality |
| valueFiveTitle |
Title of the fifth value.
string
|
Hospitalisation |
| valueOne |
Value number one.
string
|
51 (23.03.1969) |
| valueTwo |
Value number two.
string
|
Male |
| valueThree |
Value number three.
string
|
Teacher |
| valueFour |
Value number four.
string
|
PT |
| valueFive |
Value number five.
string
|
1009 days (18.01.2018) |
| nameHealthProfessional |
Name of the health professional.
string
|
- |
| dateNextIntervention |
Date of the next intervention.
string
|
- |
| dateLastIntervention |
Date of the last intervention.
string
|
- |
| selectPatient |
Select Patient.
any
|
- |
| selectIntervention |
Select Intervention.
any
|
- |
| colorBottomLink |
Color of the bottom link.
string
|
#4cb3ba |
| textOfBottomLink |
Text given to the bottom link.
string
|
See All |
| clickedLink |
Callback when bottom link is clicked.
any
|
- |
| colorText |
Color of the main text.
string
|
- |
Yes, it's really all you need to get started! Try it in: [CodeSandbox](https://codesandbox.io/)
No License. "(...) nobody else can copy, distribute, or modify your work without being at risk of take-downs, shake-downs, or litigation."