Merge branch 'master' of https://github.com/primefaces/primevue
commit
4e46143faf
|
@ -0,0 +1,36 @@
|
||||||
|
const ImageProps = [
|
||||||
|
{
|
||||||
|
name: "preview",
|
||||||
|
type: "boolean",
|
||||||
|
default: "false",
|
||||||
|
description: "Controls the preview functionality."
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const ImageEvents = [
|
||||||
|
{
|
||||||
|
name: "show",
|
||||||
|
description: "Triggered when the preview overlay is shown."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "hide",
|
||||||
|
description: "Triggered when the preview overlay is hidden."
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const ImageSlots = [
|
||||||
|
{
|
||||||
|
name: "indicator",
|
||||||
|
description: "Custom content for the preview indicator"
|
||||||
|
}-
|
||||||
|
];
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
image: {
|
||||||
|
name: "Image",
|
||||||
|
description: "Displays an image with preview and tranformation options.",
|
||||||
|
props: ImageProps,
|
||||||
|
events: ImageEvents,
|
||||||
|
slots: ImageSlots
|
||||||
|
}
|
||||||
|
};
|
|
@ -107,35 +107,35 @@ import Image from 'primevue/image';
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>p-image</td>
|
<td>p-image</td>
|
||||||
<td>Container element</td>
|
<td>Container element.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>p-image-preview-container</td>
|
<td>p-image-preview-container</td>
|
||||||
<td>Container element with preview enabled</td>
|
<td>Container element with preview enabled.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>p-image-preview-indicator</td>
|
<td>p-image-preview-indicator</td>
|
||||||
<td>Mask layer over the image when hovered</td>
|
<td>Mask layer over the image when hovered.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>p-image-preview-icon</td>
|
<td>p-image-preview-icon</td>
|
||||||
<td>Icon of the preview indicator</td>
|
<td>Icon of the preview indicator.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>p-image-mask</td>
|
<td>p-image-mask</td>
|
||||||
<td>Preview overlay container</td>
|
<td>Preview overlay container.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>p-image-toolbar</td>
|
<td>p-image-toolbar</td>
|
||||||
<td>Transformation options container</td>
|
<td>Transformation options container.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>p-image-action</td>
|
<td>p-image-action</td>
|
||||||
<td>An element inside the toolbar</td>
|
<td>An element inside the toolbar.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>p-image-preview</td>
|
<td>p-image-preview</td>
|
||||||
<td>Image element inside the preview overlay</td>
|
<td>Image element inside the preview overlay.</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
Loading…
Reference in New Issue