Color utilities for color.


5.1.2a year ago3 years agoMinified + gzip package size for @lendi-ui/color in KB



Color style with bg(background color), fg(font color) and color(every CSS property relate to color).


yarn add @lendi-ui/color


  • bg for styling background-color.
import { bg } from '@lendi-ui/color';
const Square = styled.div`
  width: 2em;
  height: 2em;
  • fg for styling font-color.
import { fg } from '@lendi-ui/color';
const WarningText = styled.span`
  • color for styling every CSS porperty relate to color.
import { color } from '@lendi-ui/color';
const Circle = styled.div`
  width: 0;
  border-radius: 1em;
  border: 1em solid ${color('primary.500')};

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.