first commit
This commit is contained in:
5
src/components/Notification/icons/CloseIcon.vue
Normal file
5
src/components/Notification/icons/CloseIcon.vue
Normal file
@ -0,0 +1,5 @@
|
||||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" class="w-5 h-5">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</template>
|
5
src/components/Notification/icons/ErrorIcon.vue
Normal file
5
src/components/Notification/icons/ErrorIcon.vue
Normal file
@ -0,0 +1,5 @@
|
||||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-red-400">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" />
|
||||
</svg>
|
||||
</template>
|
5
src/components/Notification/icons/InfoIcon.vue
Normal file
5
src/components/Notification/icons/InfoIcon.vue
Normal file
@ -0,0 +1,5 @@
|
||||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-blue-400">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
|
||||
</svg>
|
||||
</template>
|
6
src/components/Notification/icons/SuccessIcon.vue
Normal file
6
src/components/Notification/icons/SuccessIcon.vue
Normal file
@ -0,0 +1,6 @@
|
||||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" class="h-6 w-6 text-green-400">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
</template>
|
||||
|
5
src/components/Notification/icons/WarningIcon.vue
Normal file
5
src/components/Notification/icons/WarningIcon.vue
Normal file
@ -0,0 +1,5 @@
|
||||
<template>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-orange-400">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
|
||||
</svg>
|
||||
</template>
|
13
src/components/Notification/icons/index.ts
Normal file
13
src/components/Notification/icons/index.ts
Normal file
@ -0,0 +1,13 @@
|
||||
import ErrorIcon from "./ErrorIcon.vue";
|
||||
import WarningIcon from "./WarningIcon.vue";
|
||||
import InfoIcon from "./InfoIcon.vue";
|
||||
import SuccessIcon from "./SuccessIcon.vue";
|
||||
import CloseIcon from "./CloseIcon.vue";
|
||||
|
||||
export {
|
||||
ErrorIcon,
|
||||
WarningIcon,
|
||||
InfoIcon,
|
||||
SuccessIcon,
|
||||
CloseIcon
|
||||
}
|
Reference in New Issue
Block a user