Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @fenderdigital/react-placeholder with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. var reactPlaceholder = require("@fenderdigital/react-placeholder")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@fenderdigital/react-placeholder v1.0.0

Fender React UI Kit Placeholder Component

Placeholder for Fender React UI Kit

Description

A placeholder loader, for skeleton layouts.

Installation and Usage

yarn add @fenderdigital/react-placeholder --save
import Placeholder from '@fenderdigital/react-placeholder';

Props

  • aspectRatio - Dimensions of the component that are configurable via tachyon aspect ratio classes.
  • ease - css animation easing type.
  • endColor - tachyon class for its ending animation color.
  • startColor - tachyon class for its starting animation color.
propNamepropTypedefaultValueisRequired
aspectRatiostring16x9-
easestringease-in-out-
endColorstringlight-gray-
startColorstringnear-gray-

Development

Check the Monorepo README for development documentation.

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free