What these are
These are the components RuleCMS provides. Every team has them from the moment it is created — there is nothing to install, enable, or pay extra for, and they appear in the composer’s palette on the left ready to drag onto the canvas.
They are deliberately few and deliberately general. Rather than shipping a hundred specialised blocks, RuleCMS gives you a small set of building pieces and lets the settings on the column around them do the work of making each one look how you need. A heading, a caption, and a button label are all the same Text component with different settings.
The components
| Component | What it is for | Settings |
|---|---|---|
| Text | Words on the page — a heading, a paragraph, a label, or a button caption. | 2 |
| Image | A picture, delivered and resized automatically through Cloudinary so it loads fast on every device. | 10 |
Where they come from
These components are not built into the RuleCMS application. They live in their own package, @rulecms/source-components-react, published on npm: www.npmjs.com/package/@rulecms/source-components-react.
Keeping them separate matters for one practical reason: the components can be improved and released without waiting for a release of RuleCMS itself, and your pages pick up those improvements when the package is upgraded. It also means the same components can be used outside the composer by a developer working directly against the package.
You do not need any of this to use them. It is worth knowing only because it explains why the list above can grow, and where a developer on your team would look.
Your team’s own components
The components here are the ones we provide. A team can also bring its own React components into RuleCMS through a component library, and those appear in the palette alongside these. They are not documented here, because they are not ours — their settings are explained by whoever built them. If one of your team’s components has a setting you do not understand, ask whoever maintains that library.
Where to go next
- Attribute Reference — the settings that belong to the column and the row rather than to a component: spacing, size, colour, borders, typography, and row layout.
- The Composer — the palette, the canvas, and the Modify drawer.
- Component Libraries — bringing your own components into RuleCMS.