blob: 36d4072b6d572527c8460de243d7b39dcb9f6a14 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
---
// component: DListItem
//
// Mimics the html 'dl' (description list)
//
// The 'dt' item is the item 'term' and is inserted into an 'h6' tag.
// Caller needs to style the 'h6' tag appropriately.
//
// You can put pretty much any content you want between the open and
// closing tags - it's simply contained in an enclosing div with a
// margin left. No need for 'dd' items.
//
const { dt } = Astro.props;
interface Props {
dt: string;
}
const content: string = await Astro.slots.render('default');
---
<h6 set:html={dt} />
<div class="dd ml-8" set:html={content} />
|
