medienreaktor/bootstrap

This package is not installable via Composer 1.x, please make sure you upgrade to Composer 2+. Read more about our Composer 1.x deprecation policy.
There is no license information available for the latest version (1.0.2) of this package.

1.0.2 2018-12-05 10:43 UTC

This package is auto-updated.

Last update: 2021-10-11 22:39:05 UTC


README

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')}
        href.@process.convertUris = Neos.Neos:ConvertUris {
            forceConversion = true
        }
        theme = ${q(node).property('theme')}
    }
}

The resulting HTML is a Bootstrap button component:

<a href="http://" class="btn btn-primary">Your Button Text</a>

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.