Matestack Ui Bootstrap
AboutMatestack Ui CoreMatestack Ui VueJsMatestack Ui Bootstrap
2.1
2.1
  • Welcome
  • Getting Started
    • Installation & Update
    • Quick Start [WIP]
  • API
    • Templates
      • Apps
        • Admin App Template
    • Form
      • Checkbox
      • Input
      • Radio
      • Select
      • Submit
      • Switch
    • Components
      • Accordion
      • Alert
      • Badge
      • Breadcrumb
      • Button
      • ButtonGroup
      • Card
      • Carousel
      • Chart
      • Close
      • Collapse
      • Dropdown
      • ListGroup
      • Modal
      • Nav
      • Navbar
      • Pagination
      • Popover
      • Progress
      • Scrollspy
      • Smart collection
      • Spinner
      • Toast
      • Tooltip
    • Layout
      • Container
      • Col
      • Row
  • Integrations
    • Chart.js
    • Flatpickr
    • Devise
Powered by GitBook
On this page
  1. Getting Started

Quick Start [WIP]

PreviousInstallation & UpdateNextTemplates

Last updated 3 years ago

We're about to add much more content to this guide. Stay tuned!

Until we have more content in place here, it might be a good idea to review the source code of the , which can be found here:

That should already give you a good idea how to use matestack-ui-bootstrap

Usage

Create Matestack apps, pages and components as described in the docs of matestack-ui-core and utilize the components described in the API section in order to create your UI. Just make sure to include the additional Registry in your desired controllers

app/controllers/application_controller.rb

class ApplicationController < ActionController::Base

  include Matestack::Ui::Core::Helper # described in Core docs

end

and include the registry wherever you want to use the components via methods like "bs_btn" instead of calling the namespaced classes

app/matestack/application_component.rb

class ApplicationComponent < Matestack::Ui::Component

  include Matestack::Ui::Bootstrap::Registry # use methods like "bs_btn" instead of calling the namespaced classes

end
dummy app
https://github.com/matestack/matestack-ui-bootstrap/tree/main/spec/dummy