## title = "Components Demo" url = "/components" layout = "default" meta_title = "CMS Component Demo" [demoTodo] max = 3 addDefault = 1 [resources] css[] = "pages/components.css" vars[activeNavLink] = 'demo' vars[blueFooterStyle] = 1 ==

# CMS Component Demo

Plugins can provide CMS components, simple building blocks that can enrich pages, layouts, and partials. Check out the To Do example below.

{% component 'demoTodo' %}

### HTML Markup for that example

    {% autoescape %}{{ "{% component 'demoTodo' %}" }}{% endautoescape %}

Wait, only one line is needed? Yes! CMS components are simple building blocks that can be used with a small amount of code. Components encapsulate PHP code and partials and can be included in a page, layout or partial with a single line of code. By sharing plugins between multiple projects, you can reuse CMS components and be more productive. The `demoTodo` component used here is provided by the plugin called October\Demo, you can find it in the plugins/october/demo folder.

Learn more about CMS Components