emonster-hnc
TypeScript icon, indicating that this package has built-in type declarations

0.1.14 • Public • Published

emonster-hnc

emonster-hnc (short for emonster hooks and components) is a library of React hooks and components built on top of antd and framer-motion. The library provides a set of reusable UI components and hooks that can help you build beautiful and interactive web applications with ease.

Storybook

You can find examples of the library here.

Tech

emonster-hnc uses a number of open source projects to work properly:

  • React - A JavaScript library for building user interfaces!
  • Antd - A React UI library that provides a set of high-quality components and patterns for building web and mobile applications
  • Framer Motion - A library for adding animation and motion to React components.
  • Font Awesome - A library of icons and tools for adding icons to web projects

And of course emonster-hnc itself is open source with a public repository on GitHub.

Installation

To install emonster-hnc, simply run:

npm install emonster-hnc

or

yarn add emonster-hnc

Usage

To use emonster-hnc, you'll need to have antd and framer-motion installed in your project. You can import the components and hooks you need from the library like this:

import { AsyncButton } from 'emonster-hnc';

const App = () => {
  return (
    <AsyncButton onClick={async () => {
        await sleep(500);
      }} 
    />
  )
}

Documentation

You can find the documentation for emonster-hnc in the docs folder of the library. The documentation includes detailed usage instructions, code examples, and API references for all the available components and hooks.

components

Props Type Required Default Value
onClick function true -
loading boolean false -
Props Type Required Default Value
label string true -
secondaryText string true -
secondaryType "save" | "danger" false "danger"
loading boolean false -
size SizeType false "middle"
onConfirm function true -
shape ButtonShape false "default"
disabled boolean false false
Props Type Required Default Value
stepper number false 1
onAdd function true -
onMinus function false -
hideMinus boolean false false
hideAdd boolean false false
setValue number true -
loading boolean false -
Props Type Required Default Value
copy boolean false false
text string true -
hoverShow boolean false true
maxWidth number true -
movable boolean false false
style CSSProperties false -
Props Type Required Default Value
title string true -
floatContentStyle CSSProperties false -
Props Type Required Default Value
actionArray ActionProps true -
alwaysShow boolean false true

SpeedDial.ActionProps

Props Type Required Default Value
actionArray ActionProps true -
icon FontAwesomeIcon true -
tooltip string true -
onClick function true -
disabled boolean false false
Props Type Required Default Value
style CSSProperties false -
Props Type Required Default Value
verifyString string true -
inputPosition "top" | "bottom" false "bottom"

hooks

Contributing

If you'd like to contribute to emonster-hnc, feel free to submit a pull request or open an issue on GitHub. We welcome all contributions and feedback!

Readme

Keywords

none

Package Sidebar

Install

npm i emonster-hnc

Weekly Downloads

0

Version

0.1.14

License

MIT

Unpacked Size

415 kB

Total Files

57

Last publish

Collaborators

  • emonster-patrick