File tree Expand file tree Collapse file tree 1 file changed +10
-4
lines changed Expand file tree Collapse file tree 1 file changed +10
-4
lines changed Original file line number Diff line number Diff line change 1
- import React from "react" ;
2
1
import { Card , type CardProps } from "../dist/Card" ;
3
2
import { Badge } from "../dist/Badge" ;
4
3
import { Tag } from "../dist/Tag" ;
5
4
import { sectionName } from "./sectionName" ;
6
5
import { getStoryFactory } from "./getStory" ;
7
6
import { assert } from "tsafe/assert" ;
8
7
import type { Equals } from "tsafe" ;
9
-
8
+ import TechnicalError from "../dist/picto/TechnicalError" ;
9
+ import { fr } from "../dist" ;
10
10
import artworkOvoidSvgUrl from "../dist/dsfr/artwork/background/ovoid.svg" ;
11
11
import artworkTechnicalErrorSvgUrl from "../dist/dsfr/artwork/pictograms/system/technical-error.svg" ;
12
12
13
- import { fr } from "../dist" ;
14
-
15
13
const { meta, getStory } = getStoryFactory ( {
16
14
sectionName,
17
15
defaultContainerWidth : 360 ,
@@ -468,3 +466,11 @@ export const CardWithImageComponent = getStory({
468
466
</ svg >
469
467
)
470
468
} ) ;
469
+
470
+ export const CardWithPictogram = getStory ( {
471
+ ...defaultProps ,
472
+ enlargeLink : false ,
473
+ imageUrl : undefined ,
474
+ imageAlt : undefined ,
475
+ imageComponent : < TechnicalError className = { fr . cx ( "fr-responsive-img" ) } />
476
+ } ) ;
You can’t perform that action at this time.
0 commit comments