Skip to main content

@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.

License

MIT