Skip to content

kickstartcoding/kc-react-widgets

Repository files navigation

kc-react-widgets

kc-react-widget

KC React Widgets is a suite of pre-styled react widgets.

The widgets have a noticeable "3D", skeumorphic appearance, and are good for bold call-to-action widgets, such as "launch buttons".

Demo

GIF

View demo of all widgets

Installation

npm install --save kc-react-widgets   # using NPM
yarn add kc-react-widgets             # using yarn

Example use

import React, {Component} from 'react';
import {Button} from 'kc-react-widgets';

class App extends Component {
  render() {
    return (
      <div className="App">
        <Button onClick={() => console.log('Hello world!')}>
          Click me!
        </Button>
      </div>
    );
  }
}

Widgets available

All widgets can be customized based on shape, color, 3D perspective depth.

  • Button
    • Can also be used as a toggle (checkbox)
  • Input
  • Modal
  • Card
  • Dropdown

License

kc-react-widget is licensed under the MIT license.

Contributions

Pull requests are welcome!

Releases

No releases published

Packages

No packages published