# Callouts and Admonitions ## How to use callouts Please refer to [Obsidian's own documentation](https://help.obsidian.md/How+to/Use+callouts). ## Types of callouts In Willemstad, there are two types of callouts: standard callouts, and special callouts. Standard callouts are as it is, while special callouts usually impart different functionality to a normal callout. ### Types of standard callouts The full list of standard callouts in Willemstad are as follows: - note - abstract, summary, tldr - info, todo - tip, hint, ~~important~~ - ~~success~~, check, done - question, help, faq - warning, caution, attention - failure, fail, missing - danger, error - bug - example - quote, cite - file, attachment (`Shimmering Focus`) - phone (`Shimmering Focus`) - email, mail (`Shimmering Focus`) - goal (`Shimmering Focus`) - success - important - code - positive, plus - negative, minus > [!note]- > ABCDEFGHIJ > Te Deum > [!abstract]- > ABCDEFGHIJ > Te Deum > [!info]- > ABCDEFGHIJ > Te Deum > [!tip]- > ABCDEFGHIJ > Te Deum > [!important]- > ABCDEFGHIJ > Te Deum > [!check]- > ABCDEFGHIJ > Te Deum > [!success]- > ABCDEFGHIJ > Te Deum > [!question]- > ABCDEFGHIJ > Te Deum > [!warning]- > ABCDEFGHIJ > Te Deum > [!failure]- > ABCDEFGHIJ > Te Deum > [!danger]- > ABCDEFGHIJ > Te Deum > [!bug]- > ABCDEFGHIJ > Te Deum > [!example]- > ABCDEFGHIJ > Te Deum > [!file] > [!attachment] > [!phone] > [!email]- > works for mail too > [!goal] > [!quote]- > ABCDEFGHIJ > Te Deum > [!link] > [!url] > [!code]- > ```stata > cd, clear > ``` > [!minus] > [!plus] If you look carefully, both `important` and `success` callouts have transitions applied to them. > [!important]- > ABCDEFGHIJ > Te Deum > [!success]- > ABCDEFGHIJ > Te Deum ### Types of special callouts and admonitions available | Class | Syntax | Description | Callouts? | Admonitions? | | ------------- | ----------------------------- | ---------------------------------------------------------------- | --------- | ------------ | | Infobox | `infobox` | Turns the callout into an infobox | ✓ | ✓ | | Tables | `table` | (Legacy, no longer available) Hides callout styling | ✓ | ✓ | | Aside | `aside` | Creates an aside box that floats right | ✓ | | | Kanban | `kanban` | Creates a psuedo-kanban board, that can be used inline in a note | ✓ | ✓ | | ImgGrid | `grid`, `masonry`, `grid-ext` | (Legacy, no longer available) | ✓ | ✓ | | Columns | `columns` | Allows for the creation of multiple columns of callouts | ✓ | | | | | | | | #### Infobox > [!quote] Attribution > **Infobox** callouts were written by SlRvb, of ITS Theme. > [!infobox] Women Prime Ministers > The first woman to be democratically elected as prime minister of a country was Sirimavo Bandaranaike of Ceylon (present-day Sri Lanka), when she led her party to victory at the 1960 general election. > > # Sirimavo Bandaranaike > First female Prime Minister of Ceylon/Sri Lanka > > # Golda Meir > First Foreign Minister of Israel, first female Prime Minister of Israel `infobox` allows you to turn a callout into, well, an infobox. It automatically pushes down the content below to the left, and will float to the right. #### Tables > [!warning] Note > The **Tables** callouts used to be a way to view rendered tables in Live Preview. This is now maintained for legacy purposes, as markdown-rendered tables in Live Preview has been implemented in Obsidian 0.14.1. > [!table] > There is content here, and it is in a callout, but you can’t see the box! > You can only tell there is a callout here in some instances because the words here do not extend to the right edge of the screen (since the infobox callout has taken some of the width, and thus this callout cannot extend to its full width). `table` callouts were used originally as a way to view rendered tables in Live Preview. This is, fortunately, not needed as Licat implemented markdown-rendered tables [(inspired by this very solution)](https://discord.com/channels/686053708261228577/716028884885307432/952998982358016142)! #### Aside > [!aside] Hello > from the other [a]side~ The `aside` callouts are used to add an aside to the right side of your pane. Although this is by default to the right, there are plans to add a left variant. Aside callouts do not work within the `column` callouts. Willemstad users are encouraged to use HTML asides instead if they use Live Preview, due to a limitation in callouts that cause it to take the entire width of the screen. #### Kanban The Kanban ``` > [!kanban] > # this creates a kanban lane title > - [ ] item one > - [ ] item two > - [ ] item three > > ### you can use any header (from H1 [#] or H6 [######]) for the kanban lane title > - [ ] item one > - [ ] item two > - [ ] item three ``` > [!kanban] > # this creates a kanban lane title > - [ ] item one > - [ ] item two > - [ ] item three > > ### you can use any header (from H1 [#] or H6 [######]) for the kanban lane title > - [ ] item one > - [ ] item two > - [ ] item three #### ImgGrid > [!quote] Attribution > **ImgGrid** callouts were written by SlRvb, of ITS Theme. #### Columns (Multi-columns) The `columns` callout ensures that callouts you put into it gets turned into columns. They are rendered in a way that they do not overflow (since there’s a reason why you put them into columns), and will distribute the available space to as many callouts you intend to fit into it. > [!columns] > > >[!note]- Federalist Papers 10 > > To the People of the State of New York: >> >> AMONG the numerous advantages promised by a wellconstructed Union, none deserves to be more accurately developed than its tendency to break and control the violence of faction. The friend of popular governments never finds himself so much alarmed for their character and fate, as when he contemplates their propensity to this dangerous vice. He will not fail, therefore, to set a due value on any plan which, without violating the principles to which he is attached, provides a proper cure for it. > > >[!abstract]- Introduction to Martin Luther King's I Have a Dream > > Five score years ago, a great American, in whose symbolic shadow we stand today, signed the Emancipation Proclamation. This momentous decree came as a great beacon light of hope to millions of Negro slaves who had been seared in the flames of withering injustice. It came as a joyous daybreak to end the long night of their captivity. > > > [!columns]- > > >[!info]- Baba Yetu > > > Baba yetu, yetu uliye Mbinguni yetu, yetu, amina Baba yetu, yetu, uliye Jina lako litukuzwe >>> Baba yetu, yetu uliye Mbinguni yetu, yetu, amina Baba yetu, yetu, uliye Jina lako litukuzwe > > > > >[!abstract]- > > > te deum > > > te deum > > > > > [!columns]- > > > >[!note]- > > > > baba yetu > > > > > > > [!abstract]- > > > > te deum > > > > te deum ## Global Metadata Classes (for callouts) A callout is written usually in this form: `> [!callout-class]`, such as `> [!note]` for a standard note. Callouts, however, can use a global metadata class as well, such as `> [!callout-class|metadata-class]`, where the `metadata-class` can change the styling of the callout written. Willemstad has a few global metadata classes in-built that allows you to easily change the appearance of your callouts: | Class | Description | | ------------------ | -------------------------------------------------------------------------------- | | `no-t`, `no-title` | Removes the title of the callout | | `opp`, `opposite` | Reverses the order of title and content — titles will be displayed after content | | `no-s`, `no-style` | Removes the background colours of the callout | ### Using more than one metadata classes at a time To use more than one metadata classes at a time, just append the two with `-`, such as `no-t-opp`. ### `no-t`, `no-title` > [!note|no-title] > This callout has no title. Does as it says on the tin — removes the title of the callouts you’re using. Particularly useful for the `kanban` and `aside` callout classes. ### `opp` >[!note|opp] > This callout displays the title at the bottom. ### `no-s`, `no-style` > [!note|no-s] > There is no background colours in this callout. > Note: the title font colour, and the title icon will remain. This is especially useful in `columns` callouts, if you want your content to look as if it still was part of the body text. ``` > [!columns|no-t] > > [!note|no-s-no-t] > > The Federalist Papers were really important to America. Numerous founding fathers of the United States of America, such as Jefferson and Hamilton, contributed to the Federalist Papers. > > > [!note] When was the Federalist Papers written? > > I don’t know mate, I’m not American! ``` > [!columns|no-t] > > [!note|no-s-no-t] > > The Federalist Papers were really important to America. Numerous founding fathers of the United States of America, such as Jefferson and Hamilton, contributed to the Federalist Papers. > > > [!note] When was the Federalist Papers written? > > I don’t know mate, I’m not American! ### `monospace` > [!note|monospace] This makes the font in the callout a monospace font. Does not affect the titles! Especially good for itineraries: > **16:25 – 17:05** | Flight LX464 (ZRH → LCY) ``` > [!note|monospace] This makes the font in the callout a monospace font. Does not affect the titles! Especially good for itineraries: > **16:25 – 17:05** | Flight LX464 (ZRH → LCY) ```