@gasket/assets

Gasket assets

Usage no npm install needed!

<script type="module">
  import gasketAssets from 'https://cdn.skypack.dev/@gasket/assets';
</script>

README

@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