Xfoxui NPM | npm.io

xFoxUI ReactJS / NextJS UI Library

Install

npm i --save xfoxui

yarn add xfoxui

Usage

import {Button} from 'xfoxui'

const App = () => {
  return (
    <>
      <Button text="XFOXUI" />
      <Button
              variant="dashed"
              text="COOL"
              color={'#c0a0a0'}
              hoverBackgroundColor={'#c0a0a0'}
      />
      <Button
              variant="link"
              text="BUTTONS"
              color={'#55a5e7'}
              hoverColor={'#fff'}
              hoverBackgroundColor={'blue'}
      />
    </>
  );
};
export default App;

Available Components

Button

Props	Type
text (required)	String
color?	String
fontSize?	String
hoverColor?	String
backgroundColor?	String
hoverBackgroundColor?	String
variant?	'dashed' \| 'link'
width?	String
height?	String