api-docs-config.component.html

<div (click)="trackSourceClick()" class="api-doc-component" [class.deprecated]="apiDocs.deprecated">
	<h3 [id]="apiDocs.className">
		<a routerLink="." fragment="{{ apiDocs.className }}" ngbdFragment title="Anchor link to: {{ apiDocs.className }}">
			<i class="bi bi-link-45deg" style="font-size: 1.75rem; color: black"></i>
		</a>
		{{ apiDocs.className }}
		<a
			class="github-link"
			href="https://github.com/ng-bootstrap/ng-bootstrap/tree/master/{{ apiDocs.fileName }}"
			target="_blank"
			title="Link to Github: {{ apiDocs.className }}"
		>
			<i class="bi bi-github" style="font-size: 1.5rem; color: black"></i>
		</a>
	</h3>
	<ngbd-api-docs-badge
		type="Configuration"
		[deprecated]="apiDocs.deprecated"
		[since]="apiDocs.since"
	></ngbd-api-docs-badge>
	<p *ngIf="apiDocs.deprecated">{{ apiDocs.deprecated.description }}</p>
	<p class="lead" [innerHTML]="apiDocs.description"></p>

	<ng-template [ngIf]="apiDocs.properties && apiDocs.properties.length">
		<section>
			<h4>Properties</h4>
			<p class="description">
				<ng-template ngFor let-property [ngForOf]="apiDocs.properties">
					<code class="pe-2">{{ property.name }}</code
					>&ngsp;
				</ng-template>
			</p>
			<p class="mt-3">
				Documentation available in <a routerLink="." fragment="{{ directiveName }}">{{ directiveName }}</a>
			</p>
		</section>
	</ng-template>
</div>