@vscode/webview-ui-toolkit
Version:
A component library for building webview-based extensions in Visual Studio Code.
40 lines (39 loc) • 1.02 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { Badge as FoundationBadge, badgeTemplate as template, } from '@microsoft/fast-foundation';
import { badgeStyles as styles } from './badge.styles.js';
/**
* The Visual Studio Code badge class.
*
* @public
*/
export class Badge extends FoundationBadge {
/**
* Component lifecycle method that runs when the component is inserted
* into the DOM.
*
* @internal
*/
connectedCallback() {
super.connectedCallback();
// This will override any usage of the circular attribute
// inherited by the FAST Foundation Badge component so
// that VSCode Badges are always circular
if (!this.circular) {
this.circular = true;
}
}
}
/**
* The Visual Studio Code badge component registration.
*
* @remarks
* HTML Element: `<vscode-badge>`
*
* @public
*/
export const vsCodeBadge = Badge.compose({
baseName: 'badge',
template,
styles,
});