Error Summary Card
3.0.0
A description of this component is work in progress.
Namn | Typ | Beskrivning |
---|---|---|
errorListItems * | ErrorSummaryListItem[] | Array containing a list of validation errors to remedy. |
id * | string | ID for the error summary. Id for the title will be generated as ${id}-title . |
lang | "sv" |
"en" | Language used in translated copy. Defaults to "sv". |
ref | Ref | Ref to the component. |
titleElementType | ElementType | Change the component of the Title element. Use this to separate styling from semantics, for instance if you need an H2 heading to look like an H3. |
npm install @sj-ab/component-library.ui.error-summary-card
Om Error Summary Card används tillsammans med en sida som har en App Bar så kan det hända att inputfält som omnämns i Error Summary Card göms bakom App Bar när användaren klickar på en av länkarna som leder ner till inputfältet.
Detta löser du genom att lägga till CSS-egenskapen scroll-padding
(eller scrollPadding
om du sätter den via JavaScript/TypeScript) på närmaste, skrollande container. En scroll-padding
om 9 spacing-enheter kan vara lagom.
Importer av Error Summary Card
Repos med Error Summary Card
Senaste installerade version av Error Summary Card
Äldsta installerade version av Error Summary Card