Sha256: 54a93e7f5c5b2b8b87f96996443183ebfd68a037b6955092d77e2d80a8606155
Contents?: true
Size: 1.29 KB
Versions: 1479
Compression:
Stored size: 1.29 KB
Contents
import React from 'react';
import Body from '../_body';
import Caption from '../../pb_caption/_caption'
import Flex from '../../pb_flex/_flex'
const BodyTruncate = (props) => {
const lorem = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, minus. Nisi beatae voluptatum labore sequi. Nemo accusantium corrupti, reiciendis magnam tenetur perferendis esse pariatur voluptas eaque hic vel rem nihil quidem dolorum ex dolor, libero ullam placeat, sapiente eos. Cumque obcaecati dignissimos molestiae, minima quibusdam sint maxime libero accusantium animi quis quia maiores enim ipsum, esse, modi laudantium illum error!"
return (
<Flex
maxWidth="md"
orientation="column"
>
<Caption
text="After first row"
{...props}
/>
<Body
marginBottom="md"
text={lorem}
truncate="1"
{...props}
/>
<Caption
text="After second row"
{...props}
/>
<Body
marginBottom="md"
text={lorem}
truncate="2"
{...props}
/>
<Caption
text="After third row"
{...props}
/>
<Body
text={lorem}
truncate="3"
{...props}
/>
</Flex>
)
}
export default BodyTruncate
Version data entries
1,479 entries across 1,479 versions & 2 rubygems