Build an application extension as per the tutorial Build your first SharePoint Framework Extension
Install sp-pnpjs and include this import line
import pnp from "sp-pnp-js";
Replace the class content as follows
/** A Custom Action which can be run during execution of a Client Side Application */
export default class ListPropertiesApplicationCustomizer
extends BaseApplicationCustomizer {
@override
public onInit(): Promise {
this.getList();
return Promise.resolve();
}
public getList(): Promise {
//get the ID of the list from the page context
const listId: Guid = this.context.pageContext.list.id;
console.log(listId);
pnp.sp.web.lists.getById(listId.toString()).get().then(r => {
// the list object properties are all returned as per the object model
console.log(r.Description);
//Find the list title element using native typescript
var parent = document.getElementsByClassName("StandaloneList-title");
//create a new div
var newDiv = document.createElement('div');
//style the new div as you wish
newDiv.setAttribute("style", "color:red; border-bottom: 1px solid blue; font-size:14px; ");
// add the decription content
newDiv.textContent = r.Description;
//append to the document under the list title
parent[0].appendChild(newDiv)
});
return Promise.resolve();
}
}
The styling and the placement is up to you.