cardosofelipe/fast-next-template
Template
1
0
Fork 1
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Refactor component props formatting for consistency in extends usage across UI and documentation files

Browse Source
This commit is contained in:
Felipe Cardoso
2026-01-01 13:19:36 +01:00
parent de8e18e97d
commit b9a746bc16
5 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/docs/design-system/05-component-creation.md
View File

@@ -231,8 +231,7 @@ const componentVariants = cva(
); );
interface MyComponentProps interface MyComponentProps
extends React.HTMLAttributes<HTMLDivElement>, extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof componentVariants> {
VariantProps<typeof componentVariants> {
// Additional props here // Additional props here
} }

3
frontend/docs/design-system/08-ai-guidelines.md
View File

@@ -244,8 +244,7 @@ const componentVariants = cva(
); );
interface ComponentProps interface ComponentProps
extends React.HTMLAttributes<HTMLDivElement>, extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof componentVariants> {}
VariantProps<typeof componentVariants> {}
export function Component({ variant, size, className, ...props }: ComponentProps) { export function Component({ variant, size, className, ...props }: ComponentProps) {
return <div className={cn(componentVariants({ variant, size, className }))} {...props} />; return <div className={cn(componentVariants({ variant, size, className }))} {...props} />;

3
frontend/src/components/ui/badge.tsx
View File

@@ -23,8 +23,7 @@ const badgeVariants = cva(
); );
export interface BadgeProps export interface BadgeProps
extends React.HTMLAttributes<HTMLDivElement>, extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
VariantProps<typeof badgeVariants> {}
function Badge({ className, variant, ...props }: BadgeProps) { function Badge({ className, variant, ...props }: BadgeProps) {
return <div className={cn(badgeVariants({ variant }), className)} {...props} />; return <div className={cn(badgeVariants({ variant }), className)} {...props} />;

3
frontend/src/components/ui/button.tsx
View File

@@ -32,8 +32,7 @@ const buttonVariants = cva(
); );
export interface ButtonProps export interface ButtonProps
extends React.ButtonHTMLAttributes<HTMLButtonElement>, extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
VariantProps<typeof buttonVariants> {
asChild?: boolean; asChild?: boolean;
} }

3
frontend/src/components/ui/sheet.tsx
View File

@@ -49,7 +49,8 @@ const sheetVariants = cva(
); );
interface SheetContentProps interface SheetContentProps
extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, extends
React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
VariantProps<typeof sheetVariants> {} VariantProps<typeof sheetVariants> {}
const SheetContent = React.forwardRef< const SheetContent = React.forwardRef<