54 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			54 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| up:: [[quarto blog]]
 | |
| #s/informatique #s/blog 
 | |
| 
 | |
| ```
 | |
| ::: {.callout-note}
 | |
| Contents of the callout
 | |
| :::
 | |
| ```
 | |
|  - [i] there are 5 types of callouts
 | |
|      - `note`, `tip`, `warning`, `caution`, `important`
 | |
| 
 | |
| 
 | |
| # Change callout title
 | |
| ```
 | |
| ::: {.callout-note}
 | |
| ## The title
 | |
| 
 | |
| contents
 | |
| :::
 | |
| ```
 | |
| 
 | |
| 
 | |
| # Collapsed (folded) callout, with no icon
 | |
| ```
 | |
| ::: {.callout-important collapse=true icon=false}
 | |
| ## The title
 | |
| 
 | |
| Content that is hidden by default
 | |
| :::
 | |
| ```
 | |
|  - [i] `collapse=false` will make the callout foldable, but visible by default
 | |
| 
 | |
| # Cross-references
 | |
| adding a tag for the callout (`#tip-XXXXX`) will allow for a nice cross reference with preview on hover.
 | |
| ```
 | |
| ::: {#tip-example .callout-tip}
 | |
| ## Cross-Referencing a Tip
 | |
| 
 | |
| Add an ID starting with `#tip-` to reference a tip.
 | |
| :::
 | |
| 
 | |
| See @tip-example...
 | |
| ```
 | |
| 
 | |
| Here are the prefixes for the cross-reference tags :
 | |
| 
 | |
| | Callout Type | Prefix  |
 | |
| | ------------ | ------- |
 | |
| | `note`       | `#nte-` |
 | |
| | `tip`        | `#tip-` |
 | |
| | `warning`    | `#wrn-` |
 | |
| | `important`  | `#imp-` |
 | |
| | `caution`    | `#cau-` |
 |