Function: cx()

cx(...classNames): string

Defined in: css.ts:136

Combines multiple class names into a single space-separated string.

Filters out falsy values, allowing conditional class application.

Parameters

Parameter	Type	Description
...classNames	(string | boolean | null | undefined)[]	Class names, booleans, undefined, or null values

Returns

string

Space-separated string of valid class names

Example

import { css, cx } from "@gtkx/css";

const base = css({ padding: "8px" });
const active = css({ backgroundColor: "@accent_bg_color" });

<GtkButton
  cssClasses={[cx(base, isActive && active, "custom-class")]}
  label="Button"
/>