Improve readability of image captions

This commit is contained in:
Evan Hahn 2021-06-29 16:13:36 -05:00 committed by GitHub
parent dc78165043
commit 92cbfc4437
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 1 deletions

View file

@ -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,