Skip to content

easy pills to use for your application, this is a starting point will expand later

Notifications You must be signed in to change notification settings

MarvinCorro/easy-badge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Badge Component

Welcome to the Badge Component project! This repository contains the code for a customizable badge component that can be used in your React front-end projects.

Installation

To use the Badge Component in your project, follow these steps:

  1. Clone this repository to your local machine.
  2. Navigate to the Badge Component directory.
  3. Run npm install to install the necessary dependencies.

Usage

To use the Badge Component in your React application, import it as follows:

import Badge from './Badge';

function App() {
  return (
    <div>
      <Badge text="New" />
    </div>
  );
}

export default App;

Props

The Badge Component accepts the following props:

  • text (string): The text to be displayed inside the badge.
  • color (string): The background color of the badge.
  • textColor (string): The color of the text inside the badge.

Examples

Here are some examples of how you can use the Badge Component:

  • Displaying a new feature or product.
  • Indicating a special offer or discount.
  • Highlighting important information.

Feel free to explore the code and customize the component to fit your specific needs.

Contributing

If you would like to contribute to the Badge Component project, please follow the guidelines outlined in the CONTRIBUTING.md file.

License

This project is licensed under the MIT License.

About

easy pills to use for your application, this is a starting point will expand later

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published