@womorg/similique-illo-dolorem NPM | npm.io

6.12.126 • Published 11 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

11 months ago

@womorg/similique-illo-dolorem

This vite plugin generates a single SVG spritemap containing multiple elements from all .svg files in a directory.

Features

Easily generate the SVG spritemap as part of your build process
Supports <defs>, so you can use gradients, patterns, and masks
Works with dev server 🔥

If you find this plugin useful, why not

Installation

# using npm
npm install -D @womorg/similique-illo-dolorem
# using pnpm
pnpm install -D @womorg/similique-illo-dolorem
# using yarn
yarn add --dev @womorg/similique-illo-dolorem

Usage

Vite config

import { svgSpritemap } from '@womorg/similique-illo-dolorem';

export default defineConfig({
  plugins: [
    svgSpritemap({
      pattern: 'src/icons/*.svg',
    }),
  ],
});

SVG element

export const Icon: React.FC<{ name: string }> = ({ name }) => (
  <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
    <use xlinkHref={`/spritemap.svg#${name}`} />
  </svg>
);

const App = () => {
  return <Icon name="arrow" />;
};

Options

Option	Type	Description
`pattern`	`string`	A glob pattern that specifies which SVG files to include in the sprite.
`prefix`	`string` (optional)	A string that is added to the beginning of each SVG icon's ID when it is added to the sprite.
`filename`	`string` (optional)	The name of the output file that contains the SVG sprite. Default is `spritemap.svg`.
`currentColor`	`boolean` (optional)	Replace colors in the SVGs with the `currentColor` value by SVGO. Default is `true`.
`svgo`	`SVGOConfig` or `boolean` (optional)	Use SVGO for optimization. Default is `true`.

estree cloudfront iteration rest flat cloudwatch offset keys multi-package cloudsearch compiler callbound yup date command ecmascript monorepo extend regexp bdd callbind typedarrays agent Array.prototype.contains datastructure tdd spec lru Map ES8 bundling mkdir http chromium CSSStyleDeclaration es-shim API compare dom-testing-library superagent push WebSockets env JSON-Schema emit descriptors Array.prototype.flat immutable prop Set emoji .env censor Object.keys task styling xterm emr quote deterministic -0 sameValueZero codes diff whatwg StyleSheet tostringtag computed-types elm color typed array native write sinatra serializer stateless rate Int32Array parent symlinks https router has [[Prototype]]live JSON flux expression ES identifiers tester RFC-6455 directory Uint16Array authentication reuse Int16Array serialization buffers prototype in querystring ECMAScript 2017 variables less compiler enumerable rfc4122 colors ES2018 ES2021 styleguide util banner cloudformation routing Array.prototype.filter Int8Array drop BigInt64Array 256 jsdom typesafe duplex chinese Object.assign forEach workflow es2017 state persistent process crypt minimal xhr generics pyyaml debugger Array.prototype.includes Streams dotenv crypto merge js ES2015 flag move regular expressions configurable hasOwnProperty testing less css consume less getopt stdlib pipe deep exec installer WeakMap eslint-plugin batch stream eventDispatcher proto guid typeerror fps call-bind HyBi kinesis trim a11y Microsoft writable mkdirs circular ES7 Object.fromEntries extension values sqs look-up hash beanstalk ES2020 ES2017 environment east-asian-width glob exit assign framework ECMAScript 6 l10n intrinsic Object shrinkwrap eventEmitter scheme-validation autoprefixer language fs Reflect.getPrototypeOf arraybuffer mixins getOwnPropertyDescriptor fetch npm parents url bundler readablestream sham sns queueMicrotask cors protocol-buffers karma korean remove characters schema bind rapid storagegateway mkdirp collection modules parsing react-hooks deepclone es2018 internal slot getter accessibility dependencies es-shims ECMAScript 2022 throttle set Object.is jasmine find equal wget fast-deep-clone dataview sharedarraybuffer valid glacier mimetypes ponyfill web variables in css loading ESnext escape byteLength spinner sigterm trimStart moment chrome nested css libphonenumber forms assert superstruct i18n CSS macos ECMAScript 2021 jQuery shim flatMap shell speed pretty object WeakSet stringify error own test mobile limit es5 amazon utility es6 scheme rds callback dayjs jwt slot is fastify group linux term iterator tty ES6 ts css-in-js includes watching descriptor ECMAScript 2015 streams2 filter inspect matches autoscaling toobject form nodejs restful folder concatMap ajax fastcopy styles String.prototype.trim _.extend password URL weakset id efficient findLastIndex Object.entries has-own Stream zero watchFile create properties rmdir sorted signal react-hook-form contains windows sort core browserlist jsx fixed-width copy toStringTag progress vpc output cache command-line ECMAScript 2023 gradients css typescript redux-toolkit findLast asserts airbnb busy toArray spinners ec2 deepcopy electron RegExp#flags flatten warning linewrap tape limited jsonpath rm open RegExp.prototype.flags node javascript Object.defineProperty positive take eslintconfig import names browser equality bluebird worker read stylesheet events from wrap some es7 classes arktype Underscore hot weakmap type shebang es8 starter Function.prototype.name install validation extra eslint TypedArray text match robust route String.prototype.matchAll zod ava debug file format touch @@toStringTag functional flags es-abstract wordbreak Float64Array bootstrap less ECMAScript 3 packages jsdiff util.inspect mru data lesscss iterate listeners break column unicode ratelimit promises tc39 look fast-deep-copy invariant ArrayBuffer.prototype.slice length redact mocha terminal Object.getPrototypeOf clone accessor endpoint matchAll search link immer argument s3 last trimEnd elb BigUint64Array ECMAScript 5 dir deep-clone Array.prototype.flatMap awesomesauce sigint check find-up eslintplugin helpers description input bound symbols safe loadbalancing rm -fr hooks negative full plugin log URLSearchParams ES5 TypeBox symbol ES2016 Observables trimRight ArrayBuffer#slice vest picomatch hardlinks number value setPrototypeOf ES2023 prefix findup preserve-symlinks resolve status private data browserslist waf polyfill queue symlink time error-handling proxy recursive ascii lint core-js css byteOffset every character ES2019 which commander ast es dom trimLeft patch bootstrap css Iterator rgb elasticache sequence functions watcher protobuf async defineProperty Object.values regular ES2022 require watch inference optimist chai jest path random yaml ArrayBuffer prune wait shared optimizer TypeScript auth option argv deep-copy Array.prototype.flatten middleware fast-clone fsevents ebs iam operating-system encryption ajv reducer validate less mixins call call-bound Uint8ClampedArray less.js json make formatting up module phone readable fullwidth channel real-time coercible mime-db parse argparse nope private global file system ReactiveX syntax omit __proto__YAML higher-order fast dependency manager vars css nesting typanion hasOwn utilities cjk class-validator hookform parser once regex types form-validation app serialize traverse package config bcrypt lazy react-testing-library WebSocket Array replay walk runtime Array.prototype.findLast settings ECMAScript 2016 ie logging Symbol internal Rx signals ender ECMAScript 2019 negative zero reduce ansi assertion pnpm9 performance japanese compile less concat property classname Float32Array setImmediate rm -rf style obj

@womorg/accusantium-commodi-officia @womorg/accusantium-doloribus-quod @womorg/adipisci-maxime-facilis @womorg/animated @womorg/autem-tempora-rem @womorg/computing-machine @womorg/cum-dolorem-corrupti @womorg/deleniti-velit-voluptas @womorg/ducimus-officia-voluptatum @womorg/est-quis-quae @womorg/eum-nesciunt-quas @womorg/exercitationem-atque-voluptatem @womorg/fantastic-giggle @womorg/ipsum-quos-similique @womorg/iure-quasi-reprehenderit @womorg/literate-octo @womorg/necessitatibus-cupiditate-fugit @womorg/occaecati-a-iusto @womorg/optio-quia-vero @womorg/psychic-potato @womorg/quasi-eius-optio @womorg/reiciendis-eum-voluptatum @womorg/reimagined-enigma @womorg/repudiandae-maiores-quis @womorg/saepe-enim-dolor @womorg/shiny-engine @womorg/studiou @womorg/studious-telegram @womorg/ullam-perspiciatis-excepturi @womorg/vitae-tenetur-pariatur corcojs-qrcode corcojs-qrcode-logo corcojs-qrcode-sample dable-effect firan-logging simple-prompts-web3

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago