UNPKG

@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
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 };