Error Summary Card
3.0.9
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. |
sx | SxProps | The system prop that allows defining system overrides as well as additional CSS styles. |
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-cardOm 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