This repository has been archived on 2024-12-07. You can view files and clone it, but cannot push or open issues or pull requests.
helse-sprik/frontend/components/FeilCard.tsx
Sindre Kjelsrud e74a477e10 🩹 Hydration-error endelig fiksa
Feilen var at description (<p>-tag) ikke kan inneholde andre elementer som ikke er til bruk i paragrafer (i dette tilfellet en <div>)

Co-authored-by: Amalie Erdal Mansåker <amalie.erdal.mansaker@nav.no>
Co-authored-by: Markus A. R. Johansen <markus.aleksander.rakil.johansen@nav.no>
2023-07-06 12:23:31 +02:00

34 lines
929 B
TypeScript

import "@navikt/ds-css";
import { ExpansionCard, Tag } from "@navikt/ds-react";
const TagBar = () => {
return (
<div className="flex gap-8">
<Tag variant="info">Jobbes med</Tag>
<div className="flex gap-2">
<Tag variant="neutral">Spleiselaget</Tag>
<Tag variant="warning">Haster</Tag>
</div>
</div>
)
}
const FeilCard = () => {
return (
<ExpansionCard aria-label="tekst">
<ExpansionCard.Header>
<ExpansionCard.Title>Dummy</ExpansionCard.Title>
<ExpansionCard.Description>
Dummy Dummy Java
</ExpansionCard.Description>
<TagBar />
</ExpansionCard.Header>
<ExpansionCard.Content>
Hællæ
</ExpansionCard.Content>
</ExpansionCard>
)
}
export default FeilCard;