pull/1533/head
mertsincan 2021-08-31 10:57:16 +03:00
commit 4e46143faf
2 changed files with 44 additions and 8 deletions

View File

@ -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
}
};

View File

@ -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>