Easy to use, fast and lightweight library for React Native.

:construction: This project is under development and is not yet ready for use.

:link: Table of Contents

• :sparkles: Features
• :rocket: Tecnologies
• :package: Install
• :hammer: Usage
• :handshake: How to Contribute
• :memo: License

:sparkles: Features

• :white_check_mark: Button
• :white_check_mark: Checkbox
• :white_check_mark: Combobox
• :white_check_mark: Container
• :white_check_mark: EmptyList
• :white_check_mark: FloatingButton
• :white_check_mark: Info
• :white_check_mark: Input
• :white_check_mark: Loader
• :white_check_mark: RadioGroup
• :white_check_mark: Search
• :white_check_mark: Searchbar
• :white_check_mark: Separator
• :white_check_mark: dialog

:rocket: Tecnologies

The following tools were used in the construction of the project:

• Node.js
• TypeScript

:package: Install

:warning: Node.js 16 or newer is required.

Use the package manager npm, yarn or pnpm.

npm install @hpro/hpro-components

yarn add @hpro/hpro-components

pnpm add @hpro/hpro-components

:hammer: Usage

import React from "react";
import { Button } from "@hpro/hpro-components";

function App() {

  const [value, setValue] = React.useState("");

  return (
    // ...
    // Input with placeholder
    <Input
      placeholder={"Input"}
      value={value}
      onChangeText={(text) => {
        console.log(text);
      }} />
  )
}

export default App

:handshake: How to Contribute

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

:memo: License

This project is under the MIT License