@start-base/start-ui
Version:
<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>
21 lines (17 loc) • 772 B
text/typescript
import React$1 from 'react';
type BadgeColor = 'primary' | 'secondary' | 'success' | 'error';
type BadgeVariant = 'default' | 'dot';
type VerticalPosition = 'top' | 'bottom';
type HorizontalPosition = 'start' | 'end';
type BadgePosition = `${VerticalPosition}-${HorizontalPosition}` | VerticalPosition | HorizontalPosition;
interface BadgeProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, 'content'> {
children: React.ReactNode;
content: React.ReactNode;
color?: BadgeColor;
variant?: BadgeVariant;
position?: BadgePosition;
invisible?: boolean;
containerClassName?: string;
}
declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
export { type BadgeProps, Badge as default };