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

add button type="icon"

Browse Source
This commit is contained in:
Andres
2023-10-09 13:23:29 +02:00
parent 5e37027dbf
commit 27da2dc299
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ui/button/button.module.scss
View File

@@ -100,3 +100,12 @@
color: var(--color-accent-500); color: var(--color-accent-500);
text-decoration-line: underline; text-decoration-line: underline;
} }
.icon {
all: unset;
cursor: pointer;
user-select: none;
display: flex;
align-items: center;
justify-content: center;
}

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

@@ -5,7 +5,7 @@ import s from './button.module.scss'
export type ButtonProps<T extends ElementType = 'button'> = { export type ButtonProps<T extends ElementType = 'button'> = {
as?: T as?: T
children: ReactNode children: ReactNode
variant?: 'primary' | 'secondary' | 'tertiary' | 'link' variant?: 'primary' | 'secondary' | 'tertiary' | 'link' | 'icon'
fullWidth?: boolean fullWidth?: boolean
className?: string className?: string
} & ComponentPropsWithoutRef<T> } & ComponentPropsWithoutRef<T>