jhDocs Formatting Examples

Sample Section > jhDocs Formatting Examples

Take a look at the markdown for this page to see how each jhDocs element was defined in markdown.

Callout examples

Checkpoint

Be sure to read the Hugo documentation before proceeding.

Tip

Buy low, sell high.

Did you know?

A crocodile cannot stick its tongue out.

Brush your teeth after every meal.

Don't

Don’t poke a skunk.

Warning

Memento mori.

Clickable image example

Below is a combination of a caption with a clickable image…

The image below is displayed at a medium size, and will display at full size in a new tab when clicked

Code Block example

A code block with line numbers and highlighted lines

199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
public editForm: FormGroup = new FormGroup({
    'name': new FormControl(this.customerInfo.name, Validators.required),
    'ssn': new FormControl(this.customerInfo.ssn, Validators.required),
    'birthdate': new FormControl(this.customerInfo.birthdate, Validators.required),
    'grossIncome': new FormControl(this.customerInfo.grossIncome),
    'interestRate': new FormControl(this.customerInfo.interestRate, [Validators.min(3), Validators.max(100)]),
    'activeCustomer': new FormControl(this.customerInfo.activeCustomer),
    'idChecked': new FormControl(this.customerInfo.idChecked),
    'street': new FormControl(this.customerInfo.street, Validators.required),
    'city': new FormControl(this.customerInfo.city, Validators.required),
    'state': new FormControl(this.customerInfo.state, Validators.required),
    'zip': new FormControl(this.customerInfo.zip, [Validators.required, Validators.pattern('^[0-9]{5}(?:[0-9]{4})?$')]),
    'country': new FormControl(this.customerInfo.country, Validators.required),
    'addressType': new FormControl(this.customerInfo.addressType),
    'homePhone': new FormControl(this.customerInfo.homePhone),
    'businessPhone': new FormControl(this.customerInfo.businessPhone),
    'mobilePhone': new FormControl(this.customerInfo.mobilePhone),
    'email': new FormControl(this.customerInfo.email, Validators.email)
    }, { validators: CountryAddressTypeValidator });