@ctx-core/html

@ctx-core/html

Utility html functions.

class_

class_ has the same functionality as clsx yet is 94 B, or < 50% the size of clsx. It's also a good way to break up tailwind class usage...which is useful for reordering classes into logical groups.

This example uses relementjs, but any UI library can be used.

import { class_ } from '@ctx-core/html'
import { div_ } from 'relementjs/html'
div_({
  class: class_(
    ['foo', ['bar'], 0 && ['will-not-render']],
		{ 'font-bold': is_bold },
    'text-white',
		'bg-black')
}, 'Hello!')

This library is implemented in ctx-core which has 0 dependencies & has a wide breadth of modules. Importing class_ in the above example would look like:

import { class_ } from 'ctx-core/html'

More docs to come.

Changelog

11.8.37

Patch Changes

• ctx-core: ^6.6.2 -> ^6.7.0