Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | 23x 23x 23x 23x 23x 3x 3x 3x 6x 3x 3x 23x 23x | import * as classNames from 'classnames';
import * as React from 'react';
import { HTMLProps, PureComponent } from 'react';
import { ComponentProps } from '../types';
export type BadgeProps = ComponentProps & HTMLProps<HTMLElement>;
/**
* A badge component for displaying small pieces of information such as counts and statuses.
*/
export class Badge extends PureComponent<BadgeProps, {}> {
public render() {
const {
className,
children,
component: Component = 'span',
...remainingProps
} = this.props;
return (
<Component {...remainingProps} className={classNames('badge', className)}>
{children}
</Component>
);
}
}
export default Badge;
|