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.
Block Name: Hero
Subfields
- Title
- Button Group
- Hero Type
- Media Type
- Hero Image
- Hero Video
- Background Type
- Background Color
Preview
![Hero](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/hero/preview.jpg)
Block Name: Simple Text
Subfields
- Layout
- Title Icon
- Title Icon Size
- Title
- Column Text
- CTA
- Title
- Column Text
- CTA
- Options
Preview
![Simple Text](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/simple-text/preview.jpg)
Block Name: Intro Text
Subfields
- Title
- Text
- CTA
- Options
Preview
![Intro Text](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/intro-text/preview.jpg)
Block Name: Icon Wall
Subfields
- Icon Groups
- Options
Preview
![Icon Wall](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/icon-wall/preview.jpg)
Block Name: Statistics & Impact Cards
Subfields
- Style
- Text Size
- Items
- Options
Preview
![Statistics & Impact Cards](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/statistics/preview.jpg)
Block Name: Text + Image
Subfields
- Layout
- Items
- Options
Preview
![Text + Image](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/text-image/preview.jpg)
Block Name: CTA
Subfields
- Image
- Title
- Text
- Button Group
- Options
Preview
![CTA](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/cta/preview.jpg)
Block Name: CTA Grid
Subfields
- Title
- Title Icon
- Title Icon Size
- Description
- Items
- Options
Preview
![CTA Grid](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/cta-grid/preview.jpg)
Block Name: Posts Grid
Subfields
- Title
- Title Icon
- Title Icon Size
- Description
- Type
- Select Category
- Custom Posts
- Options
Preview
![Posts Grid](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/posts-grid/preview.jpg)
Block Name: Featured Posts (3-Column)
Subfields
- Title
- Section Link
- Type
- Custom Posts
- Select Category
- Posts Limit
Preview
![Featured Posts (3-Column)](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/featured-posts/preview.jpg)
Block Name: Featured Videos (3-Column)
Subfields
- Title
- Section Link
- Video Posts
Preview
![Featured Videos (3-Column)](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/featured-videos/preview.jpg)
Block Name: Single Image
Subfields
- Image
Preview
![Single Image](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/single-image/preview.jpg)
Block Name: Basic Text
Subfields
- Columns
- Options
Preview
![Basic Text](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/basic-text/preview.jpg)
Block Name: Spacer
Subfields
- Space Size
Preview
![Spacer](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/spacer/preview.jpg)
Block Name: Form
Subfields
- Form
- Form Width
Preview
![Form](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/form/preview.jpg)
Block Name: Accordion
Subfields
- Accordion Content
- Options
Preview
![Accordion](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/accordion/preview.jpg)
Block Name: Tabs
Subfields
- Tabs Content
- Options
Preview
![Tabs](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/tabs/preview.jpg)
Block Name: Image Gallery
Subfields
- Gallery Type
- Images
- Options
Preview
![Image Gallery](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/image-gallery/preview.jpg)
Block Name: Embed
Subfields
- Embed Script
- Video Link
- Embed Width
- Options
Preview
![Embed](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/embed/preview.jpg)
Block Name: Testimonials
Subfields
- Testimonials Layout
- Title
- Text
- Background Color?
- Testimonials
- Options
Preview
![Testimonials](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/testimonials/preview.jpg)
Block Name: Slider
Subfields
- Slides
- Options
Preview
![Slider](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/slider/preview.jpg)
Block Name: Table
Subfields
- Table Header Row
- Table Body Column
- Options
Preview
![Table](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/table/preview.jpg)
Block Name: Timeline
Subfields
- Title
- Title Icon
- Title Icon Size
- Description
- Items
Preview
![Timeline](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/timeline/preview.jpg)
Block Name: Map
Subfields
- Title Icon
- Title
- Title Icon Size
- CTA
- Map Shortcode
Preview
![Map](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/map/preview.jpg)
Block Name: Team
Subfields
- Type of feed
- Team Category
- Select Team Members
Preview
![Team](https://mangroveactionproject.org/wp-content/themes/_maproject23/classes/building-blocks/team/preview.jpg)