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

Update Notes

• v2.0.5 (19.04.2024)

  • More customizable buttons
  • Some bug fixes

• v2.0.3 (18.04.2024)

  • React18 upgrade
  • Added Typescript support

License

MIT © mogretici