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."