## Spec for "Body" Plugin...

A web component that will house all my content and let me change the settings of the <Body/> element of the page

## Table of Contents​

- [Spec for "Body" Plugin...](#spec-for-%22body%22-plugin)
- [Table of Contents​](#table-of-contents%e2%80%8b)
- [Workflow](#workflow)
- [User Stories](#user-stories)
- [Screens / States​](#screens--states%e2%80%8b)
- [Sections Used](#sections-used)
- [Test Plan](#test-plan)

## Workflow

(N/A)​

## User Stories

As a user, I can...

- As a user I want an object that will house all my content and let me change the settings of the <Body/> element of the page

## Screens / States​

![]()

## Sections Used

- Background
- Padding

## Test Plan

| √   | Scenario                                                            | Expected                                                                                          |
| --- | ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
| √   | When a user clicks the [*] button on the widget                     | The Body Component properties box appears                                                         |
| √   | When a user configures the design (font, color, bg, border, shadow) | Body settings adjust accordingly (both editor & live mode)                                        |
| √   | When a user publishes a page with the body                          | The destination page shows the <body> element with the user specified properties on the live page |
