Components og slots

Opgavebeskrivelse

Erstat title- og body-props med slots:

  1. Brug en named slot med navnet title, og giv den fallback-indhold.
  2. Brug default slotten til cardets brødtekst, også med fallback-indhold.
  3. Opret hasActions med Astro.slots.has("actions"), og rendér kun en actions-wrapper med <slot name="actions" />, når slotten findes.
  4. Flyt indholdet på index ind mellem <Card> og </Card>. Brug slot="title" og slot="actions" på de relevante direkte children.
  5. Behold mindst én tom <Card />, så du kan se fallback-indholdet.

Slot-attributten skal sidde på en direkte child af Card.

 
Preview