Void Design

A hybrid package of UI elements for ReactJS, from void

What's new (v1.2.2)

• HTML Attributes for Input Components
• Password Input
• Card

Installation

• ⬇️ Install the package

yarn add void-design

• 🗒️ Import the CSS file

import "void-design/lib/void.css";

• 💙 Start using the package

import "void-design/lib/void.css";

import React from "react";
import { Input, Button, Snackbar } from "void-design";

const App = () => {
  return (
    <div>
      <Input.Text name="name" placeholder="Enter your name" />
      <Input.Password name="password" placeholder="Enter your name" />
      <Button onClick={() => Snackbar.success("Form submitted!")}>
        Submit
      </Button>
    </div>
  );
};

export default App;

Components

• Button
• Card
• Input
• Form
• Slider
• Snackbar
• Spinner
• Drawer
• Divider