Item

Use Item to present structured product information. This page covers every Vue component exported by the public module.

Install the package and import its styles once. See Installation for the complete setup.

Import

import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from '@pharen/ui';

<script setup lang="ts">
import { Item } from '@pharen/ui';
</script>

<template>
  <Item />
</template>

Export	Purpose
`Item`	Represents one item.
`ItemActions`	Exported Vue component from this module.
`ItemContent`	Contains the visible content.
`ItemDescription`	Renders supporting description.
`ItemFooter`	Structures the footer region.
`ItemGroup`	Groups related items.
`ItemHeader`	Structures the header region.
`ItemMedia`	Exported Vue component from this module.
`ItemSeparator`	Separates adjacent regions.
`ItemTitle`	Renders the accessible title.