1.0.4 • Published 1 year ago

hawkui v1.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

hawkui

First library try

NPM JavaScript Style Guide

Install

npm install --save hawkui

Usage

import React, { Component } from 'react'

import { Button } from 'hawkui'
import 'hawkui/dist/index.css'

class Example extends Component {
  render() {
    return (
      <>
        <Button
          type='dashed'
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Dashed Button
        </Button>
        <Button
          type='primary'
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Primary Button
        </Button>
        <Button
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Default Button
        </Button>
        <Button
          type='link'
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Link Button
        </Button>
        <Button
          type='danger'
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Danger Button
        </Button>
        <Button
          type='disabled'
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Disabled Button
        </Button>
        <Button
          type='success'
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Success Button
        </Button>
        <Button
          type='insta'
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Insta Button
        </Button>
        <Button
          type='googol'
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Googol Button
        </Button>
        <Button
          type='error'
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Error Button
        </Button>
        <Button
          type='pickme'
          clickfunc={(e) => {
            alert(e.target.innerHTML)
          }}
        >
          Pickme Button
        </Button>
      </>
    )
  }
}

License

MIT © doganfurkan

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

0.1.0

4 years ago