Content component introduction.
Breadcrumb
- Home
- Demo
- Components
- Content component
Content component
Content is simply a section of HTML content editable by a WYSIWYG editor. You can still embed an image, video, CTA button and etc. The benefit of this component is the ability to apply a different colour palette or Modifier to it selectively.
Last updated
Skip navigation
Main navigation
In this section
The basic styles for a content component which could be used are:
- Breakout - Allow content to expand from its container on edgy pages.
- Hero
- No background padding
- No side gaps
- Text left
- Text centre
- Text right
- Text shadow
It is possible to use more styles than one for a component.
Content Colour Selector: None
Content component body.
Content Colour Selector: Standard
Content component with a standard colour selected.
Content Colour Selector: Alternate
Content component with alternate colour selected.
Content Colour Selector: Primary
Content component with primary colour selected.
Content Colour Selector: Secondary
Content component with secondary colour selected.
Content Colour Selector: Accent
Content component with tertiary colour selected.
Content Colour Selector: Neutral
Content component with light colour selected.