## Spec for "HTML" Plugin...

A configurable HTML widget that can be added to any web page

## Table of Contents​

- [Spec for "HTML" Plugin...](#spec-for-%22html%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...

- Add a piece of code into a specific section on page.
- Does not render in editor
- Renders on live page

## Screens / States​

![]()

## Sections Used

- code
- position/padding
- alignment

## Test Plan

| √   | Scenario                                         | Expected                                                          |
| --- | ------------------------------------------------ | ----------------------------------------------------------------- |
| √   | When a user opens the [add new] tab              | A [HTML Widget] appears                                           |
| √   | When a user drags the HTML widget to the canvas  | A simple HTML widget placeholder image appears                    |
| √   | When a user clicks the [*] button on the widget  | The HTML properties box appears (popup)                           |
| √   | When a user changes the layout (align, position) | settings adjust accordingly (both editor & live mode)             |
| √   | When a user publishes a page with the HTML       | The destination page shows the HTML as specified on the live page |