ActionCard function presentation exported

Last updated: 2026-03-04T23:21:38.419Z

Location

src/lib/ui/components/devtools/action-card.tsx:17-37

Metrics

LOC: 21 Complexity: 1 Params: 8

Signature

ActionCard({ icon, label, desc, variant, active = false, id, onClick, }: ActionCardProps)

Architecture violations

View all

  • [warning] function-camel-case: 'ActionCard' does not match naming convention /^[a-z][a-zA-Z0-9]*$/
  • [warning] max-parameters: 'ActionCard' has 8 parameters (max 5)

Source Code

export function ActionCard({
  icon,
  label,
  desc,
  variant,
  active = false,
  id,
  onClick,
}: ActionCardProps) {
  return (
    <button
      class={`action-card ${variant}${active ? " active" : ""}`}
      id={id}
      onClick={onClick}
    >
      <span class="card-icon">{icon}</span>
      <span class="card-label">{label}</span>
      <span class="card-desc">{desc}</span>
    </button>
  );
}

No outgoing dependencies.

No incoming dependencies.