Sha256: 7ee354ec132c6dbf3554d6d24d497f763900d8ddefcea1aad9e847a488b06b35
Contents?: true
Size: 1.36 KB
Versions: 1420
Compression:
Stored size: 1.36 KB
Contents
import React from 'react';
import Title from '../_title';
import Caption from '../../pb_caption/_caption'
import Flex from '../../pb_flex/_flex'
const TitleTruncate = (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}
/>
<Title
marginBottom="md"
size={4}
text={lorem}
truncate="1"
{...props}
/>
<Caption
text="After second row"
{...props}
/>
<Title
marginBottom="md"
size={4}
text={lorem}
truncate="2"
{...props}
/>
<Caption
text="After third row"
{...props}
/>
<Title
size={4}
text={lorem}
truncate="3"
{...props}
/>
</Flex>
)
}
export default TitleTruncate
Version data entries
1,420 entries across 1,420 versions & 2 rubygems