Adding documentation.
This commit is contained in:
23
src/components/widgets/DListItem.astro
Normal file
23
src/components/widgets/DListItem.astro
Normal file
@ -0,0 +1,23 @@
|
||||
---
|
||||
// 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}/>
|
Reference in New Issue
Block a user