ark-plumbing-imagespace
v1.4.1
Published
Imagespace component for Ark Plumbing
Downloads
5
Readme
Ark Plumbing Imagespace
NPM Version:
Introduction
As we will have multiple application in the future we wanted to be sure that had the same consistent style across the board with our Imagespaces. As this was the case we have created a component that we use can reuse, maintaining the same functionality and look across the estate. This component allows us to have an area of content with a defined image in the background and text content in the foreground of the block.
Getting started
To install the Imagespace component use the following command:
npm install ark-plumbing-imagespace --save
This will save the component to your dependencies.
Using the component
To use the component use the following line of code to import the distributed Imagespace file:
import Imagespace from 'ark-plumbing-imagespace/dist/Imagespace';
To the use the component the line of code below will set it up for you:
<Imagespace
header="Our home of UI"
subHeader="One place for all our front end work"
linkText="Find out more"
url="/introduction"
image={require("../../images/background.jpg")}
/>