@anchor-protocol/token-icons
    TypeScript icon, indicating that this package has built-in type declarations

    0.20.1 • Public • Published

    Anchor Icon Library

    These icons are compatible with material-ui's icon.

    import { IconButton } from '@material-ui/core';
    import { TokenIcon } from '@anchor-protocol/icons';
    
    function App() {
      return <TokenIcon token="ust" />;
    }

    Storybook

    https://anchor-storybook.vercel.app/?path=/story/assets-token-icons--token-icons

    API

    index.tsx

    export function TokenIconBase({
      token,
      variant = 'svg',
      ...imgProps
    }: IconProps) {}
    
    export const tokens = ['ust', 'krt', 'aust', 'akrt', 'luna', 'bluna'] as const;
    
    export const variants = ['svg', '@2x', '@3x', '@4x'] as const;
    
    export type Tokens = typeof tokens[number];
    
    export type IconVariant = typeof variants[number];
    
    export interface IconProps
      extends Omit<
        DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>,
        'src'
      > {
      token: Tokens;
      variant?: IconVariant;
    }
    
    export const TokenIcon = styled(TokenIconBase)`
      width: 1em;
      height: 1em;
    `;
    
    export const GifIcon = styled.img`
      width: 1em;
      height: 1em;
    `;

    Keywords

    none

    Install

    npm i @anchor-protocol/token-icons

    DownloadsWeekly Downloads

    59

    Version

    0.20.1

    License

    Apache-2.0

    Unpacked Size

    4.01 MB

    Total Files

    37

    Last publish

    Collaborators

    • cosullivan
    • jarcodallo
    • ssen
    • hanjukim
    • saad.najafi
    • kjessec
    • etienne.napoleone