idyll-langidyll
DocsTutorialsGalleryEditor
menu

Overview

  • Introduction
  • Getting started
  • Markup syntax
  • HTML tags
  • Options and styles
  • Plugin system
  • Multipage template

Interactivity

  • Built-in components
  • Using components from npm
  • Make your own component
  • Scrolling and Refs

Publishing

  • Deploying to the web
  • Embedding Idyll

Useful Links

  • Github
  • Chat
  • Twitter
  • Support Us
← Back

Cite

This will add to the list of citations which can be displayed anywhere with the component Cite.References. To refer to the same cite at multiple places it only needs to be declared with all properties once. After this it can be referred using the id like [Cite id:"idyll-uist"].

Input:

Idyll is a markup language and toolkit for writing interactive articles. [Cite 
  authors:"Matthew Conlen and Jeffrey Heer"
  title:"Idyll: A Markup Language for Authoring and Publishing Interactive Articles on the Web"
  url:"https://idl.cs.washington.edu/files/2018-Idyll-UIST.pdf" 
  id:"idyll-uist"
  venue: "Seattle, WA"
  date:"2018"
/]

[Cite.References/]

Output:

Props

  • authors string

    • Example: "Matthew Conlen and Jeffrey Heer"
  • title string

    • Example: "Idyll: A Markup Language for Authoring and Publishing Interactive Articles on the Web"
  • url string

    Link to the citation.

    • Example: "https://idl.cs.washington.edu/papers/idyll"
  • date string

    • Example: "2018"
  • venue string

    • Example: "ACM User Interface Software & Technology (UIST)"
  • id string

    Can be used to refer a previously stated citation using the same id.

    • Example: "idyll-2018"