Status Tag Decorator

A TypeScript React(Vite) + tailwindCSS package that receives status as a string and returns the corresponding React component.

Installation

Install the package via npm:

npm i tag-decorator

Usage

To use the Status Tag Decorator in your TypeScript project:

Typescript

import StatusTag from 'tag-decorator';


import StatusTag from "./components/StatusTag";

function App() {
  return (
    <div>
      <StatusTag status={"awarded"} />
    </div>
  );
}

export default App;

Status

• IN REVIEW
• PENDING
• ONGOING
• AVAILABLE
• LOW ON STOCK
• AWARDED
• DELIVERED
• COMPLETED
• RESOLVED
• DECLINED
• OPEN
• FAILED
• REJECTED
• FAULTY
• ACTIVE
• ACCEPTED
• APPROVED
• IN-STOCK
• CLOSED
• ASSIGNED
• DISABLE
• OUT OF STOCK