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