@ptkhanh94npm/magnam-ipsa-mollitia

v1.0.0

Published

7 months ago

Seamlessly craft and conditionally concatenate class names for your web elements.

Downloads

0High
0Medium
0Low

Symbol listeners trim argv banner promises style es2017 tty ES2019 from group dom assign fast-copy get util.inspect key metadata accessibility weakset spinner symbols es6 terminal preprocessor negative dataView Function.prototype.name ES3 interrupts format ES2018 intrinsic color break filter pose css variable jQuery bound inspect cors some folder deterministic trimStart stdlib Int32Array rgb WeakMap three helpers api [[Prototype]]airbnb define tape mru spec call fixed-width quote Array.prototype.findLast chrome tools JSON-Schema flatMap datastructure StyleSheet Rx Map AsyncIterator setter babel prop arrays option throttle browserslist lazy Object.defineProperty sigint regular expression Object.fromEntries BigInt64Array check argument number lru polyfill write karma map args private postcss consume iterate path module resolve npm warning fastclone sharedarraybuffer let popmotion ArrayBuffer wget react dependencies react-hooks url autoprefixer collection rm -fr fetch fast-clone TypedArray rm view toArray less compiler transpiler linux flag parents descriptor remove asserts spring Array.prototype.flatten react-hook-form bundling Float64Array Streams 3d private data fs concatMap redact signal guid forEach ansi gradients css enumerable gestures types callbind jsx es ECMAScript 2022 framer superstruct eventDispatcher Set performance typedarray call-bound nope Uint8ClampedArray internal Array typeof Push whatwg parse xhr watchFile express json-schema-validation match pretty Object.entries package.json character animation type figlet getOwnPropertyDescriptor compare styling Underscore ECMAScript 2023 class-validator look Array.prototype.findLastIndex debugger groupBy yaml babel-core logging var east-asian-width worker limited ECMAScript 2019 open Stream assertion ajv middleware command wait ECMAScript 2021 last crypt search getopt dir environment URLSearchParams typanion progress move contains javascript nodejs positive function tdd korean ast node cache ECMAScript 2020 set valid merge expression minimal mkdirp WebSocket ReactiveExtensions call-bind unicode parser delete colour trimEnd chinese value picomatch jsdiff rfc4122 immer io-ts diff mkdir form-validation byte scheme-validation uuid real-time zero dependency manager WebSockets object side css less es-abstract curl Microsoft array duplex tap JSON trimRight harmony keys eslint-plugin file react pose shared values css nesting ES2017 serialization exit awesomesauce length ECMAScript 2016 ES2022 compile less telephone flatten typeerror vest ECMAScript 2015 RegExp.prototype.flags indicator Uint16Array forms getPrototypeOf redux dayjs japanese install Array.prototype.flatMap throat superagent getintrinsic Object.values rmdir ESnext classes styled-components findLastIndex hookform traverse es8 styleguide lesscss look-up installer testing querystring reuse includes mime Int16Array fastcopy colors es2015 trimLeft Symbol.toStringTag iterator sameValueZero const callbound less.js String.prototype.matchAll Reflect.getPrototypeOf mime-db serialize gradients css3 jwt scheme Object ES2020 walking uninstall ES7 fast validator string columns shrinkwrap less mixins collection.es6 protobuf descriptors stream error-handling react-testing-library data @@toStringTag internal slot isConcatSpreadable once eslint toSorted settings browser tslib browserlist ecmascript 256

@ptkhanh94npm/magnam-ipsa-mollitia

Seamlessly craft and conditionally concatenate class names for your web elements.

Installation

npm install @ptkhanh94npm/magnam-ipsa-mollitia --save

yarn add @ptkhanh94npm/magnam-ipsa-mollitia

Usage

import @ptkhanh94npm/magnam-ipsa-mollitia from "@ptkhanh94npm/magnam-ipsa-mollitia";

const classes = @ptkhanh94npm/magnam-ipsa-mollitia("foo", { bar: true, baz: false });
console.log(classes); // Outputs: "foo bar"

Examples

Simple Usage

import React from "react";
import @ptkhanh94npm/magnam-ipsa-mollitia from "@ptkhanh94npm/magnam-ipsa-mollitia";

function Button({ primary, disabled, children }) {
  return (
    <button
      className={@ptkhanh94npm/magnam-ipsa-mollitia(
        "button",
        { "button--primary": primary },
        { "button--disabled": disabled }
      )}
    >
      {children}
    </button>
  );
}

export default Button;

Advanced Usage

import React from "react";
import @ptkhanh94npm/magnam-ipsa-mollitia from "@ptkhanh94npm/magnam-ipsa-mollitia";

function Card({ featured, highlighted, darkMode, extraClass, children }) {
  return (
    <div
      className={@ptkhanh94npm/magnam-ipsa-mollitia(
        "card",
        { "card--featured": featured },
        { "card--highlighted": highlighted },
        { "card--dark": darkMode },
        extraClass // this could be a string or an object
      )}
    >
      {children}
    </div>
  );
}

export default Card;

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Author

Martik Avagyan

Website: martikavagyan.com
Twitter: @martikavagyan
GitHub: @m-avagyan

License

MIT

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

@ptkhanh94npm/magnam-ipsa-mollitia

Installation

Usage

Examples

Simple Usage

Advanced Usage

Contributing

Author

License