How to use the idyll-components.Inline function in idyll-components

},
        {
          Float: {
            description:
              'Content inside of a float will use the CSS `float` attribute to float to the left or right of its parent container.',
            thumbnail: 'float.png',
            component: COMPONENTS.Float,
            liveExample: false
          }
        },
        {
          Inline: {
            thumbnail: 'inline.png',
            description:
              '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:',
            component: COMPONENTS.Inline,
            liveExample: false
          }
        },
        {
          Scroller: {
            description:
              'The `Scroller` component is used to create scroll-based presentations. See [this example](https://mathisonian.github.io/idyll/scaffolding-interactives/) for more details.',
            thumbnail: 'scroller.gif',
            image: 'scroller.gif',
            component: COMPONENTS.Scroller,
            liveExample: false
          }
        },
        {
          Stepper: {
            description: