Examples

Which content components we support?

Glad you asked this. We support many content components (lego types) out of the box, and we can add more of them to custom projects or Syml distribution when it can be reused on multiple projects.

Here are some content components we support.

You already have seen a lot of examples of text, like this one but we can do more like add link to somewhere

and many more content components like link buttons, intro and footer text, quotes, etc. For all content component examples please visit this page.

Content components do not just have content, you can attach behaviours to it. Think of behaviours as a way to change component in some way. One of the behavior types is a style which can change the look of a component, like for example making a link look like a button and align it in the centre of the page horizontally.

Each component support different styles, and like components, component styles are extensible and we can add more of them over time.

Having just a bunch of content component is cool but not enough to create good-looking pages. We also need a way to group components and position them on the page. For that, we are using two things

Container component

Container component can hold other content components including inner containers.

Grid layout behaviour type

Grid layout behaviour type is a plugin that is attached to containers. It defines container inner components responsive layout.

There is more

But containers also have regular styles and we have two default ones, inverted and alternate. This two styles are changing the background color of a container and can also change colors of inner components if needed.