박상현
8 months ago
8 changed files with 4091 additions and 651 deletions
@ -0,0 +1,24 @@
|
||||
'use client'; |
||||
import { Badge } from 'reactstrap'; |
||||
import { ReactNode } from 'react'; |
||||
|
||||
interface Props { |
||||
children: ReactNode; |
||||
className?: string; |
||||
color?: string; |
||||
} |
||||
|
||||
/** |
||||
* |
||||
* @param children: ReactNode |
||||
* @param className?:string |
||||
* @param color?: 'light-secondary' | 'primary' | 'secondary' | 'light-primary' |
||||
*/ |
||||
|
||||
export default function CustomBadge({ children, className, color }: Props) { |
||||
return ( |
||||
<Badge color={color} className={className}> |
||||
{children} |
||||
</Badge> |
||||
); |
||||
} |
@ -0,0 +1,17 @@
|
||||
'use client'; |
||||
import { ReactNode } from 'react'; |
||||
import { Card } from 'reactstrap'; |
||||
|
||||
interface Props { |
||||
children: ReactNode; |
||||
className?: string; |
||||
} |
||||
/** |
||||
* |
||||
* @param children: ReactNode |
||||
* @param className?:string |
||||
*/ |
||||
|
||||
export default function CustomCard({ children, className }: Props) { |
||||
return <Card className={className}>{children}</Card>; |
||||
} |
@ -0,0 +1,17 @@
|
||||
'use client'; |
||||
import { ReactNode } from 'react'; |
||||
import { CardBody } from 'reactstrap'; |
||||
|
||||
interface Props { |
||||
children: ReactNode; |
||||
className?: string; |
||||
} |
||||
/** |
||||
* |
||||
* @param children: ReactNode |
||||
* @param className?:string |
||||
*/ |
||||
|
||||
export default function CustomCardBody({ children, className }: Props) { |
||||
return <CardBody className={className}>{children}</CardBody>; |
||||
} |
@ -0,0 +1,17 @@
|
||||
'use client'; |
||||
import { ReactNode } from 'react'; |
||||
import { CardHeader } from 'reactstrap'; |
||||
|
||||
interface Props { |
||||
children: ReactNode; |
||||
className?: string; |
||||
} |
||||
/** |
||||
* |
||||
* @param children: ReactNode |
||||
* @param className?:string |
||||
*/ |
||||
|
||||
export default function CustomCardHeader({ children, className }: Props) { |
||||
return <CardHeader className={className}>{children}</CardHeader>; |
||||
} |
@ -0,0 +1,23 @@
|
||||
'use client'; |
||||
import { ElementType, ReactNode } from 'react'; |
||||
import { CardTitle } from 'reactstrap'; |
||||
|
||||
interface Props { |
||||
children: ReactNode; |
||||
className?: string; |
||||
tag: ElementType; |
||||
} |
||||
/** |
||||
* |
||||
* @param children: ReactNode |
||||
* @param className?:string |
||||
* @param tag?:string |
||||
*/ |
||||
|
||||
export default function CustomCardTitle({ children, className, tag }: Props) { |
||||
return ( |
||||
<CardTitle className={className} tag={tag}> |
||||
{children} |
||||
</CardTitle> |
||||
); |
||||
} |
Loading…
Reference in new issue