<template> <DocSectionText v-bind="$attrs"> <p>List of class names used in the styled mode.</p> </DocSectionText> <div class="doc-tablewrapper"> <table class="doc-table"> <thead> <tr> <th>Name</th> <th>Element</th> </tr> </thead> <tbody> <tr> <td>p-metergroup</td> <td>Container element.</td> </tr> <tr> <td>p-metergroup-horizontal</td> <td>Container element when orientation mode is horizontal.</td> </tr> <tr> <td>p-metergroup-vertical</td> <td>Container element when orientation mode is vertical.</td> </tr> <tr> <td>p-metergroup-meter-container</td> <td>Container of the meters.</td> </tr> <tr> <td>p-metergroup-meter</td> <td>Content of a meter.</td> </tr> <tr> <td>p-metergroup-label-list</td> <td>Container element of the list of labels.</td> </tr> <tr> <td>p-metergroup-label-list-start</td> <td>Container element when label position is start.</td> </tr> <tr> <td>p-metergroup-label-list-end</td> <td>Container element when label position is end.</td> </tr> <tr> <td>p-metergroup-label-list-horizontal</td> <td>Container element when label orientation is horizontal.</td> </tr> <tr> <td>p-metergroup-label-list-vertical</td> <td>Container element when label orientation is vertical.</td> </tr> <tr> <td>p-metergroup-label-list-item</td> <td>Container element of a list item.</td> </tr> <tr> <td>p-metergroup-label-list-type</td> <td>Container element of a list type.</td> </tr> <tr> <td>p-metergroup-label</td> <td>Content of a label.</td> </tr> </tbody> </table> </div> </template>