Markdown
A component to render markdown-formatted text
What is Markdown?
Markdown is an easy-to-use markup language that is used with plain text to add formatting elements (headings, bulleted lists, links, etc.) to plain text without the use of a formal text editor or HTML tags.
If you would like to render HTML, you can use the HTML View component.
Adding Markdown Component.
- Select the Markdown component from the Components drawer. You can open the list of components by clicking the + button next to Components.
- Select the added component in the Components tree and go to the Data tab (third tab)
- Add markdown data in the "Input Text" field, which will process and render the Markdown data on the screen.
Style Properties
Style properties allow you to customize the look and feel of the component. Combinations of styles applied to components can be saved as Stylesheets to easily reuse styles throughout your app. Styles can also be set dynamically using Variables. To learn more about all the different styling properties and how they work, take a look at Intro to Styling.
Configuration Properties
| Property | Description |
|---|---|
| Component name | An optional descriptive name for the component. If the name is not "Markdown", it will appear as a comment above this component in the generated code. |
Data Configuration
| Property | Description |
|---|---|
| Input Text | You can input Markdown data here which will render on screen. |
Conditional Display
You can conditionally display a component based on a given condition. Learn more about conditionally displaying components in the Conditional Display doc.
Updated 2 months ago