react-buttondesign

Made with create-react-library

Install

npm install --save react-buttondesign

5 types of buttons are provided in react-buttondesign design.

-Primary button: indicate the main action, one primary button at most in one section.

-Default button: indicate a series of actions without priority.

-Dashed button: used for adding action commonly.

-Text button: used for the most secondary action.

-Link button: used for external links.

Usage

import React from 'react'
import { Button } from 'react-buttondesign'

const App = () => {
  return (
    <>

      <Button onClick={() => alert("Type Primary")} type="primary" text="Click Me" />

      <Button onClick={() => alert("Type Default")} type="default" text="Click Me" />

      <Button onClick={() => alert("Type Dashed")} type="dashed" text="Click Me" />

      <Button onClick={() => alert("Type Text")} type="text" text="Click Me" />

      <Button href="https://github.com/ramazanncelik" type="link" text="Click Me" />

    </>
  )
}

export default App

License

MIT © ramazanncelik