@hhgtech/hhg-components
Version:
Hello Health Group common components
28 lines (27 loc) • 1.01 kB
TypeScript
import React, { HTMLAttributes } from 'react';
export type TextSize = 'lg' | 'md' | 'base' | 'sm' | 'xs' | 's1' | 's2' | 's3' | 's4' | 's5' | 'p1' | 'p2' | 'p3' | 'p4' | 'c1' | 'c2' | 'n1' | 'label1' | 'label2';
export type TextType = 'regular' | 'bold' | 'caption' | 'semiBold';
export type Props<T = HTMLParagraphElement> = HTMLAttributes<T> & {
size: TextSize;
color?: string;
type?: TextType;
dataEventCategory?: string;
dataEventAction?: string;
dataEventLabel?: string;
as?: keyof JSX.IntrinsicElements;
/**
* word wrap options
* work-break: wrap the sentence by word
* break-all: break a long word into separate lines
*/
wordWrap?: 'none' | 'break-word' | 'break-all';
/**
* upcase
*/
isUppercase?: boolean;
};
/**
* @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'
*/
declare const Text: <T>({ size, type, ...rest }: Props<T>) => React.JSX.Element;
export { Text };