Skip to content

VanshWebDev/log-styler

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Twitter URL Twitter URL Twitter URL


Use the log-styler to apply css on the console text.


Bytescale JavaScript SDK Example

Installation

npm install log-styler

We have designed it in such a way that is very easy to use.

import logStyler from "log-styler";

logStyler(
  {
    color: "red",
    backgroundColor: "white",
    fontFamily: "Dosis, sans-serif",
    fontSize: "30px",
    fontWeight: "bold",
    padding: "5px 15px",
    borderRadius: "5px",
    animation: "anim 0.5s infinite",
    border: "5px solid red",
  },
  "text here"
);

logStyler function takes these two parameters

Parameter Type Description
style object Required
text string Required

Auto style feature:

this code will apply css automatically for error/success/warning.

logStyler(
  {
    error: {
      //support: error/success/warning.
      addEmoji: true, //Add an error emoji automatically,default value false
      size: "big", //increase font size to 50px
      overRide: true, //if true you can add you own css on outside error key,
    },
  },
  "Error"
);

overRide

overRide give you power to change default CSS then you can add you own outside the success key.

logStyler(
  {
    success: {
      overRide: true,
    },
    color: "blue",
    background: "green",
  },
  "Error"
);

Keys

Key Type
error object
success object
warning object

🌐 Process to Add Your Name in Contributors

First: Fork This Repo
Second: Contribute by adding valuable features, fixing bugs, or enhancing the codebase.
Third: Create a pull request. Your contributions are highly appreciated and will be acknowledged. 🎯 Let's collaborate to make this project even better! 🚀

Contributers

Currently, there are no contributors. Be the first to contribute and get your name listed here at the top! 🌟

Authors

About Me

I'm a full stack developer...

Connect with Me

Follow me on Instagram @devloper.mind_

License

MIT

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published