teaser

v0.0.3

v0.0.2

v0.0.1

STATUS

Passing

DOWNLOADS

VISIBILITY

Public

PUBLISHED

6 years ago

SIZE

18 KB

Card rendering teaser data with an image.

React

Card

UI Components

1 contributor

Install teaser as a package?

Copied

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

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

Teaser ()

Card rendering teaser data with an image.

Example

<Teaser url="http://chriskinch.netlify.com" title="My teaser card" body="Example body txt" primaryImage="http://www.roshe-run.co.uk/wp-content/uploads/2018/10/Cat-Picture-4.jpg" />

Properties

Name	Type	Description
url	`object`	URL data object
alias	`string`	URL alias
body	`string`	Full body content including markup
categories	`array`	List of category objects
tags	`array`	List of tag objects
	`object`	[teaserImage] Teaser image data object
primaryImage	`object`	Primary image data object

Test Summary

Snapshot renders correctly

Pass