Root for the Planet and support MAP, make your year-end donation today!

Skip to main content

Mangrove Stylebook

The Stylebook represents list of components that are part of Mangrove template.
Each of the Stylebook items contains detailed explanations of block options and it's functionalities.

Hero Hero

Block Name: Hero

Subfields

  • Title
  • Button Group
  • Hero Type
  • Media Type
  • Hero Image
  • Hero Video
  • Background Type
  • Background Color

Preview

Hero
Simple Text Simple Text

Block Name: Simple Text

Subfields

  • Layout
  • Title Icon
  • Title Icon Size
  • Title
  • Column Text
  • CTA
  • Title
  • Column Text
  • CTA
  • Options

Preview

Simple Text
Intro Text Intro Text

Block Name: Intro Text

Subfields

  • Title
  • Text
  • CTA
  • Options

Preview

Intro Text
Icon Wall Icon Wall

Block Name: Icon Wall

Subfields

  • Icon Groups
  • Options

Preview

Icon Wall
Statistics & Impact Cards Statistics & Impact Cards

Block Name: Statistics & Impact Cards

Subfields

  • Style
  • Text Size
  • Items
  • Options

Preview

Statistics & Impact Cards
Text + Image Text + Image

Block Name: Text + Image

Subfields

  • Layout
  • Items
  • Options

Preview

Text + Image
CTA CTA

Block Name: CTA

Subfields

  • Image
  • Title
  • Text
  • Button Group
  • Options

Preview

CTA
CTA Grid CTA Grid

Block Name: CTA Grid

Subfields

  • Title
  • Title Icon
  • Title Icon Size
  • Description
  • Items
  • Options

Preview

CTA Grid
Posts Grid Posts Grid

Block Name: Posts Grid

Subfields

  • Title
  • Title Icon
  • Title Icon Size
  • Description
  • Type
  • Select Category
  • Custom Posts
  • Options

Preview

Posts Grid
Featured Posts (3-Column) Featured Posts (3-Column) Featured Videos (3-Column) Featured Videos (3-Column) Single Image Single Image

Block Name: Single Image

Subfields

  • Image

Preview

Single Image
Basic Text Basic Text

Block Name: Basic Text

Subfields

  • Columns
  • Options

Preview

Basic Text
Spacer Spacer

Block Name: Spacer

Subfields

  • Space Size

Preview

Spacer
Form Form

Block Name: Form

Subfields

  • Form
  • Form Width

Preview

Form
Accordion Accordion

Block Name: Accordion

Subfields

  • Accordion Content
  • Options

Preview

Accordion
Tabs Tabs

Block Name: Tabs

Subfields

  • Tabs Content
  • Options

Preview

Tabs
Image Gallery Image Gallery Embed Embed

Block Name: Embed

Subfields

  • Embed Script
  • Video Link
  • Embed Width
  • Options

Preview

Embed
Testimonials Testimonials

Block Name: Testimonials

Subfields

  • Testimonials Layout
  • Title
  • Text
  • Background Color?
  • Testimonials
  • Options

Preview

Testimonials
Slider Slider

Block Name: Slider

Subfields

  • Slides
  • Options

Preview

Slider
Table Table

Block Name: Table

Subfields

  • Table Header Row
  • Table Body Column
  • Options

Preview

Table
Timeline Timeline

Block Name: Timeline

Subfields

  • Title
  • Title Icon
  • Title Icon Size
  • Description
  • Items

Preview

Timeline
Map Map

Block Name: Map

Subfields

  • Title Icon
  • Title
  • Title Icon Size
  • CTA
  • Map Shortcode

Preview

Map
Team Team

Block Name: Team

Subfields

  • Type of feed
  • Team Category
  • Select Team Members

Preview

Team