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

Inline

The inline component adds the display: inline-block style property, so that items inside of inline component will be displayed next to each other. For example, this code will display three images side by side:

Example Code

[div]
  [Inline][img src:"..." /][/Inline]
  [Inline][img src:"..." /][/Inline]
  [Inline][img src:"..." /][/Inline]
[/div]