mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-01-26 19:09:52 +00:00

Files

Alexander Brown fba580dc7d Component: Button Migration 2: IconButton (#7598 )

## Summary

Still a work in progress. Buttons with just icons are already in the
stories for button.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7598-WIP-Component-Button-Migration-2-IconButton-2cc6d73d365081c09143c63464ac60b7)
by [Unito](https://www.unito.io)

2025-12-17 18:11:43 -08:00

src

Component: Button Migration 2: IconButton (#7598 )

2025-12-17 18:11:43 -08:00

package.json

Adopt catalog references for all matching dependencies (#5889 )

2025-10-01 23:54:01 -07:00

README.md

Style: Token renaming and style organization (#6337 )

2025-10-28 12:13:28 -07:00

tsconfig.json

Split Tailwind utility functions out to a shared package (#5777 )

2025-09-25 16:55:21 -07:00

README.md

@comfyorg/tailwind-utils

Shared Tailwind CSS utility functions for the ComfyUI Frontend monorepo.

Usage

The cn function combines clsx and tailwind-merge to handle conditional classes and resolve Tailwind conflicts.

import { cn } from '@comfyorg/tailwind-utils'

// Use with conditional classes (object)
<div :class="cn('transition-opacity', { 'opacity-75': !isHovered })" />

// Use with conditional classes (ternary)
<button
  :class="cn('px-4 py-2', isActive ? 'bg-blue-500' : 'bg-smoke-500')"
/>

Installation

This package is part of the ComfyUI Frontend monorepo and is automatically available to all workspace packages.

{
  "dependencies": {
    "@comfyorg/tailwind-utils": "workspace:*"
  }
}