Improve readability of image captions
This commit is contained in:
parent
dc78165043
commit
92cbfc4437
3 changed files with 13 additions and 1 deletions
|
@ -42,7 +42,7 @@ story.add('Image', () => {
|
|||
return <Lightbox {...props} />;
|
||||
});
|
||||
|
||||
story.add('Image with Caption', () => {
|
||||
story.add('Image with Caption (normal image)', () => {
|
||||
const props = createProps({
|
||||
caption:
|
||||
'This is the user-provided caption. It can get long and wrap onto multiple lines.',
|
||||
|
@ -52,6 +52,16 @@ story.add('Image with Caption', () => {
|
|||
return <Lightbox {...props} />;
|
||||
});
|
||||
|
||||
story.add('Image with Caption (all-white image)', () => {
|
||||
const props = createProps({
|
||||
caption:
|
||||
'This is the user-provided caption. It should be visible on light backgrounds.',
|
||||
objectURL: '/fixtures/2000x2000-white.png',
|
||||
});
|
||||
|
||||
return <Lightbox {...props} />;
|
||||
});
|
||||
|
||||
story.add('Video', () => {
|
||||
const props = createProps({
|
||||
contentType: VIDEO_MP4,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue