Function: cx()

cx(...classNames): string[]

Defined in: css.ts:126

Combines multiple class names into an array for use with cssClasses prop.

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[]

Array 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"
/>