UNPKG

@tidy-ui/chip

Version:

Introducing the versatile Chip, your info companion! It's like a badge, displaying extra details. Choose sizes, tones, filled or outlined styles, and icon placement. Make it clickable for user actions. Chip is enhanced by theming and styling, ready to ele

21 lines (20 loc) 749 B
import { CSSProperties } from 'react'; import { TGirth } from '@tidy-ui/types'; import { IChipProps } from './types'; /** * Chip size style variants */ declare const sizeStyles: Record<TGirth, CSSProperties>; /** * Styles for an outline button * * @internal */ declare const outlinedStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<IChipProps, import("@tidy-ui/commons").ITidyUITheme>>; /** * Styles for a primary button * * @internal */ declare const filledStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<IChipProps, import("@tidy-ui/commons").ITidyUITheme>>; export { filledStyle, outlinedStyle, sizeStyles };