Skip to main content
Home
Browse packagesDocsSign in

@lixquid/util-react@0.4.0
Built and signed on GitHub Actions

latest
Lixquid/js-lixquid-util-react

Utility functions and hooks for a variety of React-style frameworks.

This package works with Node.js, Deno, BrowsersIt is unknown whether this package works with Cloudflare Workers, Bun
It is unknown whether this package works with Cloudflare Workers
This package works with Node.js
This package works with Deno
It is unknown whether this package works with Bun
This package works with Browsers
JSR Score
100%
Published
a year ago (0.4.0)
function cls
cls(...args: unknown[]): string

Combines class specifiers into a single class string, for use in class attributes in HTML or JSX.

Each argument will be transformed as follows:

  • Strings will be included as-is.
  • Boolean values will be ignored (condition && 'class').
  • Null and undefined values will be ignored.
  • Arrays will be flattened.
  • Objects will have their keys included if the value is truthy.
  • Functions will be called with no arguments, and the result will be processed as above.
  • All other values will be ignored.

Examples

Example 1

cls("a", "b") // "a b"
cls(true && "a", false && "b") // "a"
cls(["a", ["b", "c"]]) // "a b c"
cls({ a: true, b: false, c: true }) // "a c"
cls(() => "a", () => ["b", "c"]) // "a b c"
cls(0, null, undefined) // ""

Parameters

...args: unknown[]

Return Type

New Ticket: Report package

Please provide a reason for reporting this package. We will review your report and take appropriate action.

Please review the JSR usage policy before submitting a report.

Add Package

deno add jsr:@lixquid/util-react

Import symbol

import { cls } from "@lixquid/util-react";
or

Import directly with a jsr specifier

import { cls } from "jsr:@lixquid/util-react";

Add Package

pnpm i jsr:@lixquid/util-react
or (using pnpm 10.8 or older)
pnpm dlx jsr add @lixquid/util-react

Import symbol

import { cls } from "@lixquid/util-react";

Add Package

yarn add jsr:@lixquid/util-react
or (using Yarn 4.8 or older)
yarn dlx jsr add @lixquid/util-react

Import symbol

import { cls } from "@lixquid/util-react";

Add Package

vlt install jsr:@lixquid/util-react

Import symbol

import { cls } from "@lixquid/util-react";

Add Package

npx jsr add @lixquid/util-react

Import symbol

import { cls } from "@lixquid/util-react";

Add Package

bunx jsr add @lixquid/util-react

Import symbol

import { cls } from "@lixquid/util-react";