React component for faster and simpler web development.
Healthi-Accordion is available as an [npm package](npm i healthi-accordion).
// with npm
npm i healthi-accordion
Here is a quick example to get you started, it's all you need:
import * as React from "react";
import HealthiAccordion from "healthi-accordion";
function App() {
return <HealthiAccordion medTitle="Link2"></HealthiAccordion>;
}
ReactDOM.render(<App />, document.querySelector("#app"));
| Name | Description | Default |
|---|---|---|
| medTitle |
Title of the medication.
string
|
Tramadol + Paracetamol, 37.5 mg + 325 mg, Comprimido efervescente, Fita termossoldada |
| medAmount |
Amount of the medication.
React.ReactNode
|
- |
| dailyRoutine |
How many times patient take the medication daily.
React.ReactNode
|
3 por dia |
| accordionDetails |
Insert elements in the accordion details.
React.ReactNode
|
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacinia dui augue, vitae pulvinar leo pretium at. Nunc est mauris, ultrices eu elit quis, rhoncus facilisis velit. Praesent auctor eu sapien sed ultricies. Fusce at tellus varius, pharetra dolor non, feugiat ipsum. Mauris sodales enim nulla, ac pharetra massa porttitor in. Ut id faucibus eros. Morbi pretium sed sapien sit amet scelerisque. Maecenas feugiat gravida fermentum. Aliquam malesuada ligula id lectus facilisis finibus. Pellentesque consequat nibh ut porttitor volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent eget turpis id ligula ultricies rhoncus vitae at lacus. Sed efficitur auctor nibh sed maximus. Duis ullamcorper quam in fringilla egestas. Vestibulum mattis varius ante at blandit. Phasellus felis erat, sollicitudin at sodales id, auctor at ligula." |
| dropdownButton |
Insert a button for the dropdown.
React.ReactNode
|
"Detalhes" |
| dropdownButton |
Insert a button for the dropdown.
React.ReactNode
|
- |
| sideIcons |
Insert elements in the side icons area.
React.ReactNode
|
<> |
| medAmount |
Info about the med amount.
React.ReactNode
|
- |
| dailyRoutine |
How many times the patient takes the medication a day.
string
|
3 por dia |
| sideIcons |
Insert elements in the side icons area.
React.ReactNode
|
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."