Icon Card #35

Merged
an.di merged 4 commits from adilallo/component/IconCard into main 2026-02-03 01:57:25 +00:00
4 changed files with 9 additions and 8 deletions
Showing only changes of commit 4ab37afaf3 - Show all commits
+3 -1
View File
@@ -436,7 +436,9 @@ export default function ComponentsPreview() {
}
title="Worker's cooperatives"
description="Employee-owned businesses often need to clarify how power is shared, decisions are made, and how processes operate within their organizations."
onClick={() => console.log("IconCard clicked")}
onClick={() => {
// IconCard clicked handler
}}
/>
</div>
</div>
+4 -4
View File
@@ -24,10 +24,10 @@ export function IconCardView({
{icon}
</div>
{/* Title - Centered with auto space above and below */}
<h3 className="font-inter font-normal text-[32px] leading-[36px] text-[var(--color-content-default-primary)] w-full">
{title}
</h3>
{/* Title - Centered with auto space above and below */}
<h3 className="font-inter font-normal text-[32px] leading-[36px] text-[var(--color-content-default-primary)] w-full">
{title}
</h3>
{/* Description */}
<p className="font-inter font-medium text-[10px] leading-[14px] uppercase text-[var(--color-content-default-primary)] w-full">
@@ -1,4 +1,3 @@
/* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */
export interface InputWithCounterProps {
label?: string;
placeholder?: string;
@@ -9,4 +8,3 @@ export interface InputWithCounterProps {
className?: string;
inputClassName?: string;
}
/* eslint-enable no-unused-vars, @typescript-eslint/no-unused-vars */
+2 -1
View File
@@ -13,7 +13,8 @@ type IconCardProps = React.ComponentProps<typeof IconCard>;
const baseProps: IconCardProps = {
icon: <div data-testid="test-icon">Icon</div>,
title: "Worker's cooperatives",
description: "Employee-owned businesses often need to clarify how power is shared",
description:
"Employee-owned businesses often need to clarify how power is shared",
};
const config: ComponentTestSuiteConfig<IconCardProps> = {