Skip to content

Commit

Permalink
docs: remove old example image on alert (#2878)
Browse files Browse the repository at this point in the history
  • Loading branch information
mrosvik authored Dec 10, 2024
1 parent 171eba9 commit 17e9a01
Showing 1 changed file with 1 addition and 21 deletions.
22 changes: 1 addition & 21 deletions packages/react/src/components/Alert/Alert.mdx
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { Meta, Canvas, Controls, Primary } from '@storybook/blocks';
import { Do, Dont, Stack, CssVariables } from '@doc-components';
import { CssVariables } from '@doc-components';
import css from '@digdir/designsystemet-css/alert.css?inline';

import * as AlertStories from './Alert.stories';
Expand Down Expand Up @@ -94,26 +94,6 @@ Dersom du sender inn tekst ved bruk av komponenter kan du følge tabellen under
| md | xs | md |
| lg | sm | lg |

### Ikke lag andre versjoner

Det er viktig at Alerts har samme utseende og formspråk på tvers av produktene, så den skal ikke justeres.

<Stack direction="row" style={{
justifyContent: 'unset',
alignItems: 'unset'
}}>
<Do
description='Alert brukes på tvers av produkter og skal se like ut'
image='/img/component-guidelines/alert/alert-ex1-do.png'
/>

<Dont
description='Ikke fjern border, bytt ikon, eller gjør andre visuelle endringer på alert'
image='/img/component-guidelines/alert/alert-ex1-dont.png'
/>
</Stack>
<br />

## Tekst i komponenten

Det er ikke alltid lett å forstå forskjellen på varslene, selv om de har ulike ikoner og farger. Derfor er det viktig at teksten vi skriver i varselet er tydelig og lett å forstå.
Expand Down

0 comments on commit 17e9a01

Please sign in to comment.