@ownclouders/design-system
Version:
ownCloud Design System is based on VueDesign Systems and is used to design ownCloud UI components
22 lines (21 loc) • 947 B
TypeScript
/**
* OcAvatarCount - A component for displaying a count badge, typically used to indicate the number of additional users or items.
*
* @prop {number} count - The count to display. This is required and will be prefixed with a "+" (e.g., "+21").
* @prop {number} [size=30] - The size of the badge in pixels. This determines both the width/height and the font size.
*
* @example
* ```vue
* <!-- Default size with a count -->
* <oc-avatar-count :count="21" />
*
* <!-- Custom size -->
* <oc-avatar-count :count="99" :size="50" />
* ```
*/
interface Props {
count: number;
size?: number;
}
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
export default _default;