USGL-UI

The usgl-ui npm package is a user interface library that provides a collection of reusable components for building interactive and visually appealing user interfaces. With components like buttons, cards, and text elements, developers can easily create consistent and stylish UI elements in their web applications. The library aims to streamline the UI development process by offering pre-designed components that can be easily integrated and customized to suit different design requirements.

Installation

To install the package, you can use npm:

npm install usgl-ui

Usage

Button

The Button component allows you to create interactive buttons in your application.

import React from 'react';
import { Button } from 'usgl-ui';

const MyButton = () => {
  return (
    <Button onClick={() => console.log('Button clicked')}>
      Click Me
    </Button>
  );
};

Card

The Card component provides a container with a border and shadow effect for displaying content.

import React from 'react';
import { Card } from 'usgl-ui';

const MyCard = () => {
  return (
    <Card>
      <p>This is some content inside the card</p>
    </Card>
  );
};

Text

The Text component allows you to display text with various styling options.

import React from 'react';
import { Text } from 'usgl-ui';

const MyText = () => {
  return (
    <Text size="large" color="blue">
      Hello, World!
    </Text>
  );
};

Finally, developers can spend less time worrying about bootstrapping a new UI and more time worrying about whose sticker to post in the office whatsapp group (@Gledger_hub). Thanks, usgl-ui for keeping our priorities straight!