Magix-UI

Magix-UI is a React.js UI library that contains a set of high quality componets for interactive user interfaces.

How to Install

npm install --save magix-ui

Usage

import React from 'react'

import { MagixButton } from 'magix-ui'
import 'magix-ui/dist/ui-style.css'

const App = () => {
  return (
    <div style={{ textAlign: 'center', marginTop: '200px' }}>
      <MagixButton  >Submit</MagixButton>
    </div>
  )
}

Availabe Components

Buttons

<MagixButton>Submit</MagixButton>

Attributes

| | | --- | --- | --- Shapes | default, round, circle | Types | inverse Actions| submit, href, to (Comming Soon) Options| disabled

Ex:

      <MagixButton round inverse>Round</MagixButton>
      <MagixButton round >Round</MagixButton>
      <MagixButton round disabled={true}>Round</MagixButton>
      <MagixButton  inverse>Submit</MagixButton>
      <MagixButton  >Submit</MagixButton>
      <MagixButton  disabled={true}>Submit</MagixButton>
      <MagixButton  circle>+</MagixButton>
      <MagixButton  circle inverse>+</MagixButton>
      <MagixButton  circle inverse disabled={true}>+</MagixButton>