mirror of
https://github.com/zhigang1992/react.git
synced 2026-04-27 19:25:05 +08:00
25 lines
480 B
TypeScript
25 lines
480 B
TypeScript
import React from 'react'
|
|
|
|
export type EllipsisProps = {
|
|
height: string
|
|
}
|
|
|
|
const Ellipsis: React.FC<React.PropsWithChildren<EllipsisProps>> = ({ children, height }) => {
|
|
return (
|
|
<span>
|
|
{children}
|
|
<style jsx>{`
|
|
span {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
line-height: ${height};
|
|
min-width: 0;
|
|
}
|
|
`}</style>
|
|
</span>
|
|
)
|
|
}
|
|
|
|
export default React.memo(Ellipsis)
|