How to use the normalizeClass function from vue

Find comprehensive JavaScript vue.normalizeClass code examples handpicked from public code repositorys.

1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
        ], 4 /* STYLE */)
    ], 4 /* STYLE */))
    : vue.createCommentVNode("v-if", true),
vue.createElementVNode("div", _hoisted_3, [
    vue.createElementVNode("div", {
        class: vue.normalizeClass(["v-code-block--code-copy-button", vue.unref(copyButtonClasses)]),
        onClick: copyCode
    }, [
        (vue.unref(slots).copyButton)
            ? vue.renderSlot(_ctx.$slots, "copyButton", { key: 0 }, undefined, true)
fork icon0
star icon1
watch icon1

+ 53 other calls in file

965
966
967
968
969
970
971
972
973
974
const _directive_ripple = vue.resolveDirective("ripple");

return (vue.openBlock(), vue.createElementBlock("div", {
  ref: "container",
  id: $data.id,
  class: vue.normalizeClass($options.containerClass),
  onClick: _cache[16] || (_cache[16] = (...args) => ($options.onContainerClick && $options.onContainerClick(...args)))
}, [
  ($props.editable)
    ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
fork icon1
star icon0
watch icon0

+ 124 other calls in file

3098
3099
3100
3101
3102
3103
3104
3105
3106
3107
    _cache[52] || (_cache[52] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
  ],
  type: "button"
}, [
  vue.createElementVNode("span", {
    class: vue.normalizeClass($props.incrementIcon)
  }, null, 2)
], 40, _hoisted_38)), [
  [_directive_ripple]
]),
fork icon1
star icon0
watch icon0

+ 374 other calls in file

416
417
418
419
420
421
422
423
424
425
426
427


return (_ctx, _cache) => {
  const _component_Checkbox = vue.resolveComponent("Checkbox");


  return (vue.openBlock(), vue.createElementBlock("div", {
    class: vue.normalizeClass(vue.unref(config).class)
  }, [
    vue.createElementVNode("label", {
      for: vue.unref(config).field,
      class: "form-label"
fork icon0
star icon0
watch icon7

+ 69 other calls in file

146
147
148
149
150
151
152
153
154
155
156
157


function render$1(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_btb_vue_list_layer = vue.resolveComponent("btb-vue-list-layer");


  return (vue.openBlock(), vue.createElementBlock("ul", {
    class: vue.normalizeClass(`btb-vue-list-layer layer-${_ctx.props.iteration}`),
    style: vue.normalizeStyle({ ..._ctx.getStyle(['btb-vue-list-layer', `layer-${_ctx.props.iteration}`]) })
  }, [
    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.props.subdataList, (entry) => {
      return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
fork icon0
star icon0
watch icon1

+ 7 other calls in file