Skip to main content

@gasket/assets Examples

This document provides comprehensive examples for all components and assets exported by @gasket/assets.

React Components​

GasketLogo Component​

import React from 'react';
import { logo as GasketLogo } from '@gasket/assets/react';

const MyComponent = () => (
  <div>
    <GasketLogo />
  </div>
);

GasketEmblem Component​

import React from 'react';
import { emblem as GasketEmblem } from '@gasket/assets/react';

const MyComponent = () => (
  <div>
    <GasketEmblem />
  </div>
);

Logo and Emblem Together​

import React from 'react';
import { logo as GasketLogo, emblem as GasketEmblem } from '@gasket/assets';

const Header = () => (
  <header style={{ display: 'flex', alignItems: 'center', gap: '16px' }}>
    <GasketEmblem width={40} height={40} />
    <GasketLogo style={{ height: '32px' }} />
  </header>
);