Skip to content

void-verse/void-design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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