Package used to perform Lore stylization.
Package used to perform Lore stylization.
See below how to search for colors:
This is a Node.js library available through the npm registry.
Before installing, download and install Node.js. Node.js 18.10.0 or higher is required.
If this is a brand new project, make sure you create a package.json first with the command npm init.
Installation is done using the command yarn add or npm install:
``bash`
$ yarn add lore-ui
or
`bash`
$ npm install lore-ui
Below are some ways to obtain the colors contained in this library:
`js
import { colors } from 'lore-ui'
const { blue, green, lore, red } = colors
const blueColor = blue[900]
const greenColor = green[900]
const loreColor = lore[900]
const redColor = red[900]
console.log(blueColor) // #008AD8
console.log(greenColor) // #4CAF50
console.log(loreColor) // #0B4260
console.log(redColor) // #F44336
`
Below are some ways to obtain the icons contained in this library, it is worth remembering that, unlike colors, icons require “await”:
`js
import { icons } from 'lore-ui'
;(async () => {
const { cow, houseOutlined } = icons
const cowIcon = await cow.lore[900]
const houseIcon = await houseOutlined.gray[900]
console.log(cowIcon) // data:image/svg+xml;base64,...
console.log(houseIcon) // data:image/svg+xml;base64,...
})()
`
Here are some examples for when it is necessary to use a color replacing some parameter.
`js
import { colors } from 'lore-ui'
const { blue, red } = colors
let text = 'The hexadecimal color is {{COLOR}}'
text = text.replace('{{COLOR}}', blue[900])
console.log(text) // The hexadecimal color is #008AD8
let text = '<{{COLOR}}>Hello world!'
text = text.replaceAll('{{COLOR}}', red[500])
console.log(text) // <#F88E86>Hello world!
``