@gasket/assets
Gasket related visual assets
Installation
npm i @gasket/assets
Usage
Original SVGs are available, however the primary use case will to be import the ready-to-use components for your app. Currently these are available for React.
React
Import a logo or other asset directly and use as you would any other React
component. You can use className
or style
props to adjust size, position,
etc.
// demo-page.js
import React from 'react';
import GasketLogo from '@gasket/assets/react/gasket-logo';
const DemoPage = () => {
<p>
<GasketLogo style={{ width: '100px' }} />
</p>
}
Development
Add any new SVG files to the ./svg directory then run npm run generate
to
output the importable components.