# elementor/3.8.0-beta1/app/modules/kit-library/assets/js/components/badge.js

Elementor Website Builder – more than just a page builder, version 3.8.0-beta1. 23 lines.

- Page: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/modules/kit-library/assets/js/components/badge.js
- Raw: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/raw/app/modules/kit-library/assets/js/components/badge.js
- Modified: 2022-09-19T16:26:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/modules/kit-library/assets/js/components/badge.js#L10-L20`.

```javascript
import './badge.scss';

export default function Badge( props ) {
	return (
		<span className={ `eps-badge eps-badge--${ props.variant } ${ props.className }` } style={ props.style }>
			{ props.children }
		</span>
	);
}

Badge.propTypes = {
	children: PropTypes.node,
	className: PropTypes.string,
	style: PropTypes.object,
	variant: PropTypes.oneOf( [ 'sm', 'md' ] ),
};

Badge.defaultProps = {
	className: '',
	style: {},
	variant: 'md',
};

```