COMPONENTESHOSPITAIS

componenteshospitais is a versatile and modular component library . This package provides a collection of React components that streamline the development of modern, responsive, and accessible user interfaces for systems, portals, and other platforms.

Installation

To install the package, use npm or yarn:

npm install componenteshospitais

or

yarn add componenteshospitais

Components

1. Button A customizable button component that supports different styles and sizes. It's designed to handle user interactions with visual feedback.

Props: texto: The text to display inside the button. onClick: The event handler for the click event. largura: The width of the button. empresa: A custom prop to define button styles for different companies.

2. InputField A flexible input component that can be used for various types of inputs, including text, email, and numbers. It includes built-in validation and styling to match hospital-themed applications.

Props: type: The type of input (e.g., text, email, number). id: The unique identifier for the input field. placeholder: Placeholder text for the input. value: The current value of the input. onChange: The event handler for the change event. label: The label displayed above the input field.

3. SelectField A dropdown select component that allows users to choose from a list of options. It supports single and multi-select functionalities, making it ideal for forms requiring dropdowns.

Props: id: The unique identifier for the select field. name: The name attribute for the select field. options: An array of options to display. value: The current selected value(s). onChange: The event handler for when the selection changes. label: The label displayed above the select field.

4. CheckboxGroup A group of checkboxes that allows users to select multiple options from a list. The component is designed to support custom layouts, such as multi-column displays.

Props: id: The unique identifier for the checkbox group. name: The name attribute for the checkboxes. options: An array of options to display. selectedValues: The currently selected values. onChange: The event handler for when the selection changes. label: The label displayed above the checkbox group.

5. Card A container component that presents content in a card format. It can be used to display various information such as user profiles, notifications, or articles.

Props: title: The title of the card. description: The description or content inside the card. image: An optional image to display in the card. onClick: The event handler for click events on the card.

6. CardImage A component for displaying images within a card or standalone. It supports custom styling and resizing.

Props: src: The source URL of the image. alt: The alternative text for the image. width: The width of the image. height: The height of the image.

7. TituloPagina A header component to display page titles. It's styled to match the overall theme of hospital management interfaces.

Props: titulo: The title text to display. subtitulo: An optional subtitle to display under the main title.

8. MenuPage A component that generates a navigation menu for different sections of the application. It is fully customizable to fit various layout needs.

Props: items: An array of menu items to display. onSelect: The event handler when a menu item is selected.

9. TextPage A simple text display component that can be used for paragraphs, instructions, or any textual content within your application.

Props: content: The text content to display. className: Custom class names for additional styling.

10. Busca A search component that provides instant filtering and search capabilities. It's designed to be fast and user-friendly, suitable for searching through patient records, documents, or any large datasets.

Props: onSearch: The event handler when a search is performed. placeholder: Placeholder text for the search input. results: The search results to display.