Class CssClassValue

constructor

• new CssClassValue(...classes: (string | string[])[]): CssClassValue

  Creates a new CssClassValue with the given CSS classes.

  Parameters

  • ...classes: (string | string[])[]

    Space-separated strings, individual class strings, or arrays of class strings to initialize with

  Returns CssClassValue

  Example

  new CssClassValue('btn primary');
  new CssClassValue('btn', 'primary');
  new CssClassValue(['btn', 'primary']);
  Copy

value

addClass

• addClass(...classes: (string | string[])[]): void

  Adds one or more CSS classes to this object. Duplicate classes are not added.

  Parameters

  • ...classes: (string | string[])[]

    Classes to add (strings, space-separated strings, or arrays)

  Returns void

  Example

  classes.addClass('active');
  classes.addClass('active hidden');
  classes.addClass(['active', 'hidden']);
  Copy

removeClass

• removeClass(...classes: (string | string[])[]): void

  Removes one or more CSS classes from this object.

  Parameters

  • ...classes: (string | string[])[]

    Classes to remove (strings, space-separated strings, or arrays)

  Returns void

  Example

  classes.removeClass('active');
  classes.removeClass('active hidden');
  classes.removeClass(['active', 'hidden']);
  Copy

render

• render(isAttributeValue: boolean): string

  Renders the CSS classes as a space-separated string suitable for HTML attribute values.

  Parameters

  • isAttributeValue: boolean

    Whether this is being rendered as an HTML attribute value

  Returns string

  A space-separated string of all classes, or undefined if no classes are present

  Example

  classes.render(true); // 'btn btn-primary active'
  Copy