@juibshyam/ui-react-honeycomb v1.1.0

Honeycomb Design (Responsive) for React

A lightweight and flexible honeycomb UI design that allows you to build fully functional, advanced honeycomb design with minimal javascript and markup. This library is built using react JS (for performance) and adheres to latest ECMAScript specs. Supports IE10+, all major browsers and even mobile.

Demo

Inspiration

This is a module that I built originally to solve many of the headaches and complexities around building, flexible and scalable honeycomb UI.

This library has been used and adopted on many projects, including:

• truzlyindia.com

Installation

You can install as an npm package if using a build system like Browserify.

npm install @imshyamsundar/ui-react-honeycomb@1.0.0

Usage

import { Honeycomb } from "@imshyamsundar/ui-react-honeycomb";

function App() {
    const item = [
        {
            image: "https://www.truzlyindia.com/wp-content/uploads/2020/11/ti-startup.jpg",
            link: {
                href: "https://www.truzlyindia.com/private-limited-company/",
                target: "_blank"
            },
            text: "Start up"
        },
        {
            image: "https://www.truzlyindia.com/wp-content/uploads/2020/11/ti-ip.jpg", 
            link: {
                href: "https://www.truzlyindia.com/trademark-registration/",
                target: "_blank"
            },
            text: "Intellectual Property"
        }
    ]
    render() {
        return (
           <Honeycomb props={item} />
        );
    }
};

Props

Test Coverage (100%)

License

Distributed under the MIT License. See LICENSE for more information.