@rabiepenpm/accusamus-vero-tenetur NPM | npm.io

1.0.0 • Published 22 days ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

22 days ago

@rabiepenpm/accusamus-vero-tenetur

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 @rabiepenpm/accusamus-vero-tenetur
# using pnpm
pnpm install -D @rabiepenpm/accusamus-vero-tenetur
# using yarn
yarn add --dev @rabiepenpm/accusamus-vero-tenetur

Usage

Vite config

import { svgSpritemap } from '@rabiepenpm/accusamus-vero-tenetur';

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

stateless deterministic task limit xterm omit fullwidth assign findup ES browserslist description package.json throat sigterm proxy fastcopy positive -0 css less ECMAScript 3 touch ECMAScript 2019 serialize eslint chinese es2018 higher-order rgb compare RxJS dayjs WebSockets promises stylesheet module Iterator chrome xhr string eslint-plugin fast error Observable ecmascript deep-clone preserve-symlinks elb arktype dotenv ascii emit log readable logging less.js figlet env superagent tap js worker intrinsic logger flags npm WeakMap side args fps route53 vpc full-width trimEnd exit-code enumerable mimetypes lazy state console crypto commander styleguide ECMAScript 2017 immer forEach i18n fastify time pipe replay arraybuffer colour autoprefixer mru serialization package moment package manager characters watcher proto http graphql react-hook-form values live es8 ECMAScript 2023 Reflect.getPrototypeOf url getopt wordwrap schema diff form-validation group tc39 private String.prototype.matchAll reduce eventEmitter elm mkdirp delete has-own windows globals streams2 flag length mixins Array.prototype.filter nope has JSON hooks which Object.is cloudfront internal WebSocket modules copy tdd installer getPrototypeOf Uint8Array kinesis Uint32Array telephone framework property invariant toolkit ES2019 less css obj Symbol.toStringTag wrap runtime JSON-Schema request performance es-abstract circular loadbalancing dependency manager stringifier call-bound get rds style less compiler hookform jsonpath classnames BigInt64Array shim jQuery language web async swf expression es2017 emr tester bootstrap css fsevents ebs properties auth Float64Array argv toArray ES2017 typanion write resolve classname Object.fromEntries util aws Int8Array banner ECMAScript 2018 column color hasOwnProperty ECMAScript 2020 batch id Uint8ClampedArray groupBy HyBi buffer quote own merge glacier inspect getter promise jest [[Prototype]]TypeScript uninstall negative zero libphonenumber native drop workspace:*yaml s3 ses link ie prefix Push exec rapid await argparse apollo weakmap performant sameValueZero shebang ES2018 dynamodb output debug matchAll buffers zero directory variables in css jwt airbnb middleware deep a11y safe postcss es6 indicator descriptors findLast es5 immutable environment Object.getPrototypeOf gradients css3 vest functions ajv parse status css nesting traverse typesafe core ECMAScript 2022 cloudwatch exit rm listeners term parent cloudtrail express Set install bootstrap less signal Array spec dataview io-ts idle iterate workflow object ES5 arrays debugger file system router polyfill names censor tape regular autoscaling toobject fast-deep-copy es-shims prune concatMap tslib restful east-asian-width patch type crypt ReactiveExtensions regex every extra glob import ArrayBuffer configurable walk computed-types flatten Object.keys matches option watch function queue Function.prototype.name hash setter utilities cli scheme-validation some map dom Int32Array vars sort unicode name Float32Array sinatra @@toStringTag dom-testing-library app writable japanese css-in-js date superstruct String.prototype.trim less mixins trimLeft utility linux helpers functional watching jsx require ajax fixed-width CSS callbound Array.prototype.flatMap regexp identifiers formatting 256 search packages whatwg validation loading validate ender css datastructure escape monorepo CSSStyleDeclaration chai art bcrypt take authentication yup api ec2 data picomatch Array.prototype.contains mime-db watchFile metadata syntaxerror last number internal slot ES2022 asserts parser visual nodejs define reuse ECMAScript 2015 bundling fast-copy shell _.extend flat signals wordbreak styling path Stream serializer Array.prototype.flat from ES3 css variable filter byteOffset eslintplugin lint WeakSet eslintconfig callbind rangeerror starter throttle ES2016 match sns spinners querystring symbol push byteLength mkdirs equal gdpr deepcopy limited forms Array.prototype.findLast Rx minimal URLSearchParams TypedArray sham Streams l10n Object offset callback structuredClone Object.defineProperty redact robust cloudformation core-js prop regular expression findLastIndex channel iterator break .env styled-components ECMAScript 6 pretty iteration ArrayBuffer#slice es2015 RFC-6455 chromium jshint Promise mocha typeerror postcss-plugin optimizer random multi-package flux optimist client events korean Microsoft getOwnPropertyDescriptor isConcatSpreadable eventDispatcher ava hot TypeBox bdd wget storagegateway find entries slice es preprocessor fast-clone recursive keys jasmine elasticache Object.assign accessibility cors predictable extension assertion simpledb qs hardlinks dependencies trimRight extend Array.prototype.includes process pnpm9 find-up interrupts karma waf in YAML RegExp#flags full ponyfill protobuf typeof ES8 trimStart check ECMAScript 2016 query parents connect tostringtag macos bound linewrap walking generics Array.prototype.findLastIndex ratelimit lru Object.entries ECMAScript 5 react-testing-library guid negative URL Int16Array bundler gradients css setImmediate rm -fr browserlist look ReactiveX move byte variables equality styles columns javascript password ESnext jsdiff rmdir symlinks stringify StyleSheet es2016 collection Uint16Array typed array private data ES6 phone mkdir redux-toolkit shrinkwrap fs Map prototype weakset remove symlink ast up sharedarraybuffer react duplex ArrayBuffer.prototype.slice cloudsearch parsing ansi https RegExp.prototype.flags estree es-shim API character assert mapreduce compiler command ES2023 dataView typedarrays lockfile irq browser input collection.es6 ES7 rfc4122 testing sequence nested css rate inference terminal ES2015 scheme hasOwn toStringTag open width queueMicrotask sorted tty error-handling uuid cache fastclone argument make colors concurrency sigint tools descriptor read key rest ECMAScript 2021 bind $.extend classes sqs plugin valid mobile spinner lesscss es7 __proto__cjk beanstalk fetch Symbol warning efficient json operating-system agent regular expressions real-time class-validator value dir syntax AsyncIterator typed test Object.values set compile less awesomesauce typescript getintrinsic deep-copy fast-deep-clone call-bind typedarray

@landmineaknpm/maxime-libero-tempora calculator-3rd

22 days ago