@magnetita/product-image v1.1.0

@magnetita/product-image

Installation

npm i @magnetita/product-image -D

Parameters

To use a standard size, use with +product-thumb() mixin (https://github.com/Foregon/magnetita/blob/master/packages/product-image/product-thumb.pug)

Pug

+product-image({
  'type': 'creditcard',
  'image': 'https://static.foregon.com/cartao-de-credito/cartao-americanas-com-visa.png',
  'isLazy': false,
})

Lit-html

import { html } from 'lit-html'
import PImage from '@magnetita/product-image/product-image-lit'

const props = {
  type: 'creditcard',
  isLazy: false,
  name: 'Cartão de Crédito Cartão Americanas.com Visa',
  image:
    'https://static.foregon.com/cartao-de-credito/cartao-americanas-com-visa.png',
  width: 100,
  height: 100,
}

return html`${PImage('widget', props)}`

Styles

@import '@magnetita/product-image/product-image.scss';

CSS Classes

Dependencies

Objects Classes

Functional Classes

NOTE: @magnetita/objects and @magnetita/utility built this component