Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/medienreaktor/medienreaktor.bootstrap
Bootstrap Components for Neos CMS (Fusion Components and AFX)
https://github.com/medienreaktor/medienreaktor.bootstrap
afx bootstrap bootstrap-4 bootstrap-components components fusion-components neos neos-cms
Last synced: about 1 month ago
JSON representation
Bootstrap Components for Neos CMS (Fusion Components and AFX)
- Host: GitHub
- URL: https://github.com/medienreaktor/medienreaktor.bootstrap
- Owner: medienreaktor
- License: mit
- Created: 2018-11-14T12:13:06.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-11T11:05:28.000Z (about 6 years ago)
- Last Synced: 2024-11-28T18:05:56.990Z (about 1 month ago)
- Topics: afx, bootstrap, bootstrap-4, bootstrap-components, components, fusion-components, neos, neos-cms
- Language: PHP
- Size: 44.9 KB
- Stars: 3
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Medienreaktor.Bootstrap
Bootstrap Components for Neos CMS (Fusion Components and AFX) – based on Bootstrap 4.1 (https://getbootstrap.com/)
## How to use
Map your content NodeTypes to the presentational components like this:
```
prototype(Medienreaktor.Site:Content.Button) < prototype(Neos.Neos:ContentComponent) {
renderer = Medienreaktor.Bootstrap:Component.Button {
content = Neos.Neos:Editable {
property = 'text'
block = false
}
href = ${q(node).property('link')}
[email protected] = Neos.Neos:ConvertUris {
forceConversion = true
}
theme = ${q(node).property('theme')}
}
}
```
The resulting HTML is a Bootstrap button component:
```
Your Button Text
```
See the component fusion files for the complete API of all properties. In case of the button component, there are e.g. ```outline``` and ```size``` properties you can set either using NodeType properties or in your ContentComponent definition.
## Included components
### Layout
+ Container
+ Grid (rows and cols)
+ Media
### Content
+ Blockquote
+ Code
+ Figure
+ Heading
+ Image
+ Lead
+ List
+ Picture
### Component
+ Alert
+ Badge
+ Breadcrumb
+ Button
+ Button group
+ Card
+ List group
+ Nav
+ Navbar
+ Pagination
### Utilities
+ Close icon
+ Embed responsive
## Work in progress
This is work-in-progress. More components will be added from time to time.