You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tailchat/client/packages/design/components/CopyableText/index.tsx

26 lines
621 B
TypeScript

import React from 'react';
import { Typography } from 'antd';
import type { BlockProps } from 'antd/lib/typography/Base';
interface CopyableTextProps extends React.PropsWithChildren {
className?: string;
style?: React.CSSProperties;
config?: BlockProps['copyable'];
}
/**
* 可复制的文本
*/
export const CopyableText: React.FC<CopyableTextProps> = React.memo((props) => {
return (
<Typography.Text
className={props.className}
style={props.style}
copyable={props.config ?? true}
>
{props.children}
</Typography.Text>
);
});
CopyableText.displayName = 'CopyableText';