Skip to content

Simple library console javascript styling (warn, log, error, success)

Notifications You must be signed in to change notification settings

lusaxweb/Consolee

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Consoleejs

Simple library console javascript styling

install

npm i consolee

usage

import consolee from 'consolee'

consolee.log({
  el: document.getElementById('myId'),, // <--- HTMLElement
  link: 'https://github.com/lusaxweb/Consolee', // <--- link url more info
  text: `• Warn info: El formato de la propiedad color es incorrecto
• Prop: color
• value: Example
• Valores Permitidos: (RGB, HEX, RGB Numbers, Vuesax Colors)
• Example: color="#000" or color="rgb(255,255,255)"`, // <--- text info console
  title: 'CONSOLEE' // <--- title console
})

consoleejs

consoleejs

import consolee from 'consolee'

consolee.warn({
  el: document.getElementById('myId'),, // <--- HTMLElement
  link: 'https://github.com/lusaxweb/Consolee', // <--- link url more info
  text: `• Warn info: El formato de la propiedad color es incorrecto
• Prop: color
• value: Example
• Valores Permitidos: (RGB, HEX, RGB Numbers, Vuesax Colors)
• Example: color="#000" or color="rgb(255,255,255)"`, // <--- text info console
  title: 'CONSOLEE' // <--- title console
})

consoleejs

consoleejs

import consolee from 'consolee'

consolee.error({
  el: document.getElementById('myId'),, // <--- HTMLElement
  link: 'https://github.com/lusaxweb/Consolee', // <--- link url more info
  text: `• Warn info: El formato de la propiedad color es incorrecto
• Prop: color
• value: Example
• Valores Permitidos: (RGB, HEX, RGB Numbers, Vuesax Colors)
• Example: color="#000" or color="rgb(255,255,255)"`, // <--- text info console
  title: 'CONSOLEE' // <--- title console
})

consoleejs

consoleejs

import consolee from 'consolee'

consolee.success({
  el: document.getElementById('myId'),, // <--- HTMLElement
  link: 'https://github.com/lusaxweb/Consolee', // <--- link url more info
  text: `• Warn info: El formato de la propiedad color es incorrecto
• Prop: color
• value: Example
• Valores Permitidos: (RGB, HEX, RGB Numbers, Vuesax Colors)
• Example: color="#000" or color="rgb(255,255,255)"`, // <--- text info console
  title: 'CONSOLEE' // <--- title console
})

consoleejs

consoleejs

props

  • el: Html element to refer to the error.
  • link: Url to more information about the error.
  • text: String with console information.
  • title: Console title.
  • icon: change icon or add.

About

Simple library console javascript styling (warn, log, error, success)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published