@gits-id/alert
Advanced tools
Comparing version
{ | ||
"name": "@gits-id/alert", | ||
"version": "0.1.17-next.10", | ||
"version": "0.2.0", | ||
"description": "GITS Alert Component", | ||
@@ -18,3 +18,3 @@ "scripts": { | ||
"dependencies": { | ||
"@gits-id/utils": "^0.1.17-next.10", | ||
"@gits-id/utils": "^0.2.0", | ||
"@heroicons/vue": "^1.0.6" | ||
@@ -29,3 +29,3 @@ }, | ||
}, | ||
"gitHead": "ef6f99090f62058049652587b06e7670a55682fb", | ||
"gitHead": "7636dc5155842bce4144e5ac8f86512f119a1f24", | ||
"main": "dist/alert.umd.js", | ||
@@ -32,0 +32,0 @@ "unpkg": "dist/alert.iife.js", |
@@ -47,2 +47,17 @@ import VAlert from './VAlert.vue'; | ||
Default.args = {}; | ||
Default.parameters = { | ||
docs: { | ||
source: { | ||
code: `<v-alert>Alert text</v-alert> | ||
<v-alert color="primary">Alert text</v-alert> | ||
<v-alert color="secondary">Alert text</v-alert> | ||
<v-alert color="info">Alert text</v-alert> | ||
<v-alert color="warning">Alert text</v-alert> | ||
<v-alert color="success">Alert text</v-alert> | ||
<v-alert color="error">Alert text</v-alert> | ||
<v-alert color="dark">Alert text</v-alert> | ||
`, | ||
}, | ||
}, | ||
}; | ||
@@ -53,2 +68,9 @@ export const Solid = Template.bind({}); | ||
}; | ||
Solid.parameters = { | ||
docs: { | ||
source: { | ||
code: `<v-alert solid>Alert text</v-alert>`, | ||
}, | ||
}, | ||
}; | ||
@@ -59,2 +81,9 @@ export const Dismissable = Template.bind({}); | ||
}; | ||
Dismissable.parameters = { | ||
docs: { | ||
source: { | ||
code: `<v-alert dismissable>Alert text</v-alert>`, | ||
}, | ||
}, | ||
}; | ||
@@ -65,2 +94,9 @@ export const Icon = Template.bind({}); | ||
}; | ||
Icon.parameters = { | ||
docs: { | ||
source: { | ||
code: `<v-alert icon="success">Alert text</v-alert>`, | ||
}, | ||
}, | ||
}; | ||
@@ -86,13 +122,13 @@ export const CustomSlots = () => ({ | ||
code: `<v-alert color="error" dismissable> | ||
<template #icon> | ||
<RiInformationFill class="fill-current w-6 h-6 mr-2" /> | ||
</template> | ||
<template #x-icon> | ||
<RiCloseCircleLine class="fill-current w-6 h-6 text-error-500" /> | ||
</template> | ||
Change a few things up and try submitting again. | ||
</v-alert>`, | ||
<template #icon> | ||
<RiInformationFill class="fill-current w-6 h-6 mr-2" /> | ||
</template> | ||
<template #x-icon> | ||
<RiCloseCircleLine class="fill-current w-6 h-6 text-error-500" /> | ||
</template> | ||
Change a few things up and try submitting again. | ||
</v-alert>`, | ||
}, | ||
}, | ||
}; |
36126
2.06%484
8.04%+ Added
- Removed
Updated