teaser-image

v0.0.2

v0.0.1

STATUS

Passing

DOWNLOADS

VISIBILITY

Public

PUBLISHED

6 years ago

SIZE

17 KB

Linked teaser image using the <picture> tag

1 contributor

Install teaser-image as a package?

Copied

npm i @bit/chriskinch.app.components.teaser-image

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

No preview available

modifieddraft

TeaserImage ()

Linked teaser image using the tag

Example

<TeaserImage path="http://chriskinch.netlify.com" alt="Teaser Image" title="Grey pixel" />

Properties

Name	Type	Description
path	`string`	URL for the image to be linked to
alt	`string`	Text for the image alt tag
defaultCrop	`object`	Crop information
defaultCrop.url	`string`	URL for the image src
defaultCrop.height	`number`	Image height
defaultCrop.width	`number`	Image width
title	`string`	Text content of the image title

Test Summary

Snapshot renders correctly

Pass