ershisan99/flashcards-example-project
1
0
Fork 0
mirror of https://github.com/ershisan99/flashcards-example-project.git synced 2025-12-19 05:09:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: layout component

Browse Source
This commit is contained in:
andres
2023-12-30 15:19:19 +01:00
parent 0ccc447e40
commit bb59863441
13 changed files with 132 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/ui/button/button.tsx
View File

@@ -16,8 +16,7 @@ export type ButtonProps<T extends ElementType = 'button'> = {
children: ReactNode
className?: string
fullWidth?: boolean
rounded?: boolean
variant?: 'icon' | 'link' | 'primary' | 'secondary' | 'tertiary'
variant?: 'link' | 'primary' | 'secondary' | 'tertiary'
} & ComponentPropsWithoutRef<T>
const ButtonPolymorph = <T extends ElementType = 'button'>(props: ButtonProps<T>, ref: any) => {
@@ -32,13 +31,7 @@ const ButtonPolymorph = <T extends ElementType = 'button'>(props: ButtonProps<T>
return (
<Component
className={clsx(
s.button,
s[variant],
fullWidth && s.fullWidth,
className,
rounded && s.rounded
)}
className={clsx(s.button, s[variant], fullWidth && s.fullWidth, className)}
{...rest}
ref={ref}
/>