The Augmented.js Next - Presentation Components Module.
npm install presentation-componentsAugmented.js Presentation Simple Components Module
- Article
- Parameters
- Examples
- header
- Parameters
- Properties
- footer
- Parameters
- Properties
- body
- Parameters
- Properties
- sections
- Parameters
- Properties
- addSection
- Parameters
- Examples
- clearSections
- render
- Card
- Parameters
- style
- Parameters
- style
- Parameters
- body
- Parameters
- render
- remove
- Footer
- Parameters
- body
- Parameters
- render
- Header
- Parameters
- title
- Parameters
- Properties
- subTitle
- Parameters
- Properties
- render
- remove
- Manager
- Parameters
- manageComponent
- Parameters
- unmanageComponent
- Parameters
- SelectBox
- Parameters
- render
- remove
- addOption
- Parameters
- Examples
Extends DecoratorView
An article class for setting up a 'page'
Supported options are:
- options object Options to pass to the constructor
``javascript`
const article = new Presentation.Component.Article(
{ "el": "#mount", "header": "html", "footerEl": "#foot" });
Header property
#### Parameters
- header
#### Properties
- header string
Footer for the article
#### Parameters
- footer
#### Properties
- footer string
The body content of the card (supports HTML)
#### Parameters
- body
#### Properties
- body string
The section array
#### Parameters
- sections
#### Properties
- sections array
Add a section object to the article
#### Parameters
- section object a section object
#### Examples
`javascript`
Section Object format:
{
"id" "something",
"body" "html",
"class" "something"
}
Clear the sections
render - render the article
Extends DecoratorView
A card view - simple panel/dialog-like panel
- options
body property - the body of the card
#### Parameters
- style
style property - the style
#### Parameters
- style
The body content of the card (supports HTML)
#### Parameters
- body
render - render the card
remove
Extends DecoratorView
A Footer Component
- options
The body content of the card (supports HTML)
#### Parameters
- body
render - render the footer
Extends DecoratorView
A Header Component
- options
#### Parameters
- title
#### Properties
- title string A title property
#### Parameters
- subTitle
#### Properties
- subTitle string A subTitle property
render - render the header
Remove the Header
Returns object Returns the view context ('this')
Extends Mediator
A Component Manager or Mediator
- options
Meta
- deprecated: Use Mediator
Manages a component (colleague)
#### Parameters
- component View A component or view to manage
Unmanages a component (colleague)
#### Parameters
- component View A component or view to manage
Extends DecoratorView
A SelectBox
- options (optional, default {})
Render the SelectBox
Returns object Returns the view context ('this')
remove
Adds an option to the select
#### Parameters
- label string label of the optionvalue
- string value of the optionselected
- boolean selected or not
#### Examples
`javascript``
addOption({"dog", 0, true});