Files
blog/src/components/widgets/DListItem.astro
2023-07-15 10:20:43 -06:00

23 lines
582 B
Plaintext

---
// component: DListItem
//
// Mimics the nroff/troff '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}></h6>
<div class="dd ml-8" set:html={content}/>