reacl-basics.bootstrap4 — de.active-group/reacl-basics 0.1.0

alert-danger cljs

(alert-danger & content)

(alert-danger attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "alert alert-danger", :role "alert"}

alert-dark cljs

(alert-dark & content)

(alert-dark attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "alert alert-dark", :role "alert"}

alert-heading-h1 cljs

(alert-heading-h1 & content)

(alert-heading-h1 attrs & content)

alert-heading-h2 cljs

(alert-heading-h2 & content)

(alert-heading-h2 attrs & content)

alert-heading-h3 cljs

(alert-heading-h3 & content)

(alert-heading-h3 attrs & content)

alert-heading-h4 cljs

(alert-heading-h4 & content)

(alert-heading-h4 attrs & content)

alert-heading-h5 cljs

(alert-heading-h5 & content)

(alert-heading-h5 attrs & content)

alert-heading-h6 cljs

(alert-heading-h6 & content)

(alert-heading-h6 attrs & content)

alert-info cljs

(alert-info & content)

(alert-info attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "alert alert-info", :role "alert"}

alert-light cljs

(alert-light & content)

(alert-light attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "alert alert-light", :role "alert"}

alert-primary cljs

(alert-primary & content)

(alert-primary attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "alert alert-primary", :role "alert"}

alert-secondary cljs

(alert-secondary & content)

(alert-secondary attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "alert alert-secondary", :role "alert"}

alert-success cljs

(alert-success & content)

(alert-success attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "alert alert-success", :role "alert"}

alert-warning cljs

(alert-warning & content)

(alert-warning attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "alert alert-warning", :role "alert"}

badge-danger cljs

(badge-danger & content)

(badge-danger attrs & content)

Like [[reacl.dom/span]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "badge bade-danger"}

badge-dark cljs

(badge-dark & content)

(badge-dark attrs & content)

Like [[reacl.dom/span]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "badge bade-dark"}

badge-info cljs

(badge-info & content)

(badge-info attrs & content)

Like [[reacl.dom/span]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "badge bade-info"}

badge-light cljs

(badge-light & content)

(badge-light attrs & content)

Like [[reacl.dom/span]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "badge bade-light"}

badge-primary cljs

(badge-primary & content)

(badge-primary attrs & content)

Like [[reacl.dom/span]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "badge bade-primary"}

badge-secondary cljs

(badge-secondary & content)

(badge-secondary attrs & content)

Like [[reacl.dom/span]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "badge bade-secondary"}

badge-success cljs

(badge-success & content)

(badge-success attrs & content)

Like [[reacl.dom/span]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "badge bade-success"}

badge-warning cljs

(badge-warning & content)

(badge-warning attrs & content)

Like [[reacl.dom/span]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "badge bade-warning"}

btn-danger cljs

(btn-danger & content)

(btn-danger attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-danger"}

btn-dark cljs

(btn-dark & content)

(btn-dark attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-dark"}

btn-group cljs

(btn-group & content)

(btn-group attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "btn-group", :role "group"}

btn-group-vertical cljs

(btn-group-vertical & content)

(btn-group-vertical attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "btn-group-vertical", :role "group"}

btn-info cljs

(btn-info & content)

(btn-info attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-info"}

btn-light cljs

(btn-light & content)

(btn-light attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-light"}

btn-link cljs

(btn-link & content)

(btn-link attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-link"}

btn-outline-danger cljs

(btn-outline-danger & content)

(btn-outline-danger attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-outline-danger"}

btn-outline-dark cljs

(btn-outline-dark & content)

(btn-outline-dark attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-outline-dark"}

btn-outline-info cljs

(btn-outline-info & content)

(btn-outline-info attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-outline-info"}

btn-outline-light cljs

(btn-outline-light & content)

(btn-outline-light attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-outline-light"}

btn-outline-link cljs

(btn-outline-link & content)

(btn-outline-link attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-outline-link"}

btn-outline-primary cljs

(btn-outline-primary & content)

(btn-outline-primary attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-outline-primary"}

btn-outline-secondary cljs

(btn-outline-secondary & content)

(btn-outline-secondary attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-outline-secondary"}

btn-outline-success cljs

(btn-outline-success & content)

(btn-outline-success attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-outline-success"}

btn-outline-warning cljs

(btn-outline-warning & content)

(btn-outline-warning attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-outline-warning"}

btn-primary cljs

(btn-primary & content)

(btn-primary attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-primary"}

btn-secondary cljs

(btn-secondary & content)

(btn-secondary attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-secondary"}

btn-success cljs

(btn-success & content)

(btn-success attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-success"}

btn-toolbar cljs

(btn-toolbar & content)

(btn-toolbar attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "btn-toolbar", :role "toolbar"}

btn-warning cljs

(btn-warning & content)

(btn-warning attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "btn btn-warning"}

button-close cljs

(button-close)

(button-close attrs)

card cljs

(card & content)

(card attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "card"}

card-body cljs

(card-body & content)

(card-body attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "card-body"}

card-columns cljs

(card-columns & content)

(card-columns attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "card-columns"}

card-deck cljs

(card-deck & content)

(card-deck attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "card-deck"}

card-footer cljs

(card-footer & content)

(card-footer attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "card-footer"}

card-group cljs

(card-group & content)

(card-group attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "card-group"}

card-header cljs

(card-header & content)

(card-header attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "card-header"}

card-header-h1 cljs

(card-header-h1 & content)

(card-header-h1 attrs & content)

card-header-h2 cljs

(card-header-h2 & content)

(card-header-h2 attrs & content)

card-header-h3 cljs

(card-header-h3 & content)

(card-header-h3 attrs & content)

card-header-h4 cljs

(card-header-h4 & content)

(card-header-h4 attrs & content)

card-header-h5 cljs

(card-header-h5 & content)

(card-header-h5 attrs & content)

card-header-h6 cljs

(card-header-h6 & content)

(card-header-h6 attrs & content)

card-img cljs

(card-img & content)

(card-img attrs & content)

card-img-overlay cljs

(card-img-overlay & content)

(card-img-overlay attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "card-img-overlay"}

card-img-top cljs

(card-img-top & content)

(card-img-top attrs & content)

card-link cljs

(card-link & content)

(card-link attrs & content)

card-subtitle-h1 cljs

(card-subtitle-h1 & content)

(card-subtitle-h1 attrs & content)

card-subtitle-h2 cljs

(card-subtitle-h2 & content)

(card-subtitle-h2 attrs & content)

card-subtitle-h3 cljs

(card-subtitle-h3 & content)

(card-subtitle-h3 attrs & content)

card-subtitle-h4 cljs

(card-subtitle-h4 & content)

(card-subtitle-h4 attrs & content)

card-subtitle-h5 cljs

(card-subtitle-h5 & content)

(card-subtitle-h5 attrs & content)

card-subtitle-h6 cljs

(card-subtitle-h6 & content)

(card-subtitle-h6 attrs & content)

card-text cljs

(card-text & content)

(card-text attrs & content)

card-title-h1 cljs

(card-title-h1 & content)

(card-title-h1 attrs & content)

card-title-h2 cljs

(card-title-h2 & content)

(card-title-h2 attrs & content)

card-title-h3 cljs

(card-title-h3 & content)

(card-title-h3 attrs & content)

card-title-h4 cljs

(card-title-h4 & content)

(card-title-h4 attrs & content)

card-title-h5 cljs

(card-title-h5 & content)

(card-title-h5 attrs & content)

card-title-h6 cljs

(card-title-h6 & content)

(card-title-h6 attrs & content)

col cljs

(col & content)

(col attrs & content)

col-label cljs

(col-label & content)

(col-label attrs & content)

col-label-check cljs

(col-label-check & content)

(col-label-check attrs & content)

col-legend cljs

(col-legend & content)

(col-legend attrs & content)

container cljs

(container & content)

(container attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "container"}

container-fluid cljs

(container-fluid & content)

(container-fluid attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "container-fluid"}

dropdown cljs

(dropdown & content)

(dropdown attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "dropdown"}

dropdown-divider cljs

(dropdown-divider & content)

(dropdown-divider attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "dropdown-divider"}

dropdown-header-h1 cljs

(dropdown-header-h1 & content)

(dropdown-header-h1 attrs & content)

dropdown-header-h2 cljs

(dropdown-header-h2 & content)

(dropdown-header-h2 attrs & content)

dropdown-header-h3 cljs

(dropdown-header-h3 & content)

(dropdown-header-h3 attrs & content)

dropdown-header-h4 cljs

(dropdown-header-h4 & content)

(dropdown-header-h4 attrs & content)

dropdown-header-h5 cljs

(dropdown-header-h5 & content)

(dropdown-header-h5 attrs & content)

dropdown-header-h6 cljs

(dropdown-header-h6 & content)

(dropdown-header-h6 attrs & content)

dropdown-item cljs

(dropdown-item & content)

(dropdown-item attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "dropdown-item"}

dropdown-item-text cljs

(dropdown-item-text & content)

(dropdown-item-text attrs & content)

dropdown-menu cljs

(dropdown-menu & content)

(dropdown-menu attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "dropdown-menu"}

dropdown-toggle-button cljs

(dropdown-toggle-button & content)

(dropdown-toggle-button attrs & content)

A button that toggles the display of a popup menu.

Add an :id to refer to it in a :aria-labelledby attribute of the dropdown-menu. Add color classes: btn-danger, etc. Add size classes: btn-lg, etc. Add an offset with :data-offset "x,y"

dropdown-toggle-split-button cljs

(dropdown-toggle-split-button & [screen-reader-text])

(dropdown-toggle-split-button attrs & [screen-reader-text])

dropleft cljs

(dropleft & content)

(dropleft attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "dropleft"}

dropright cljs

(dropright & content)

(dropright attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "dropright"}

dropup cljs

(dropup & content)

(dropup attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "dropup"}

fieldset cljs

(fieldset & content)

(fieldset attrs & content)

form cljs

(form & content)

(form attrs & content)

form-check cljs

(form-check & content)

(form-check attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "form-check"}

form-check-inline cljs

(form-check-inline & content)

(form-check-inline attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "form-check-inline"}

form-group cljs

(form-group & content)

(form-group attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "form-group"}

form-group-row cljs

(form-group-row & content)

(form-group-row attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "form-group row"}

form-inline cljs

(form-inline & content)

(form-inline attrs & content)

form-row cljs

(form-row & content)

(form-row attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "form-row"}

input cljs

(input & content)

(input attrs & content)

input-checkbox cljs

(input-checkbox & content)

(input-checkbox attrs & content)

input-file cljs

(input-file & content)

(input-file attrs & content)

input-radio cljs

(input-radio & content)

(input-radio attrs & content)

input-range cljs

(input-range & content)

(input-range attrs & content)

invalid-feedback cljs

(invalid-feedback & content)

(invalid-feedback attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "invalid-feedback"}

invalid-tooltip cljs

(invalid-tooltip & content)

(invalid-tooltip attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "invalid-tooltip"}

label cljs

(label & content)

(label attrs & content)

label-check cljs

(label-check & content)

(label-check attrs & content)

legend cljs

(legend & content)

(legend attrs & content)

nav cljs

(nav & content)

(nav attrs & content)

nav-li cljs

(nav-li & content)

(nav-li attrs & content)

nav-link cljs

(nav-link & content)

(nav-link attrs & content)

Like [[reacl.dom/button]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "nav-link"}

nav-ol cljs

(nav-ol & content)

(nav-ol attrs & content)

nav-ul cljs

(nav-ul & content)

(nav-ul attrs & content)

navbar cljs

(navbar & content)

(navbar attrs & content)

navbar-brand cljs

(navbar-brand & content)

(navbar-brand attrs & content)

Like [[reacl.dom/span]], or like [[reacl.dom/a]] if attributes contains :href, and with preset attributes {:class "navbar-brand"}

navbar-collapsable cljs

(navbar-collapsable & content)

(navbar-collapsable attrs & content)

Wraps the navbar items than can be collapsed on smaller display. Returns a list of dom elements!

navbar-collapse cljs

(navbar-collapse & content)

(navbar-collapse attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "collapse navbar-collapse"}

navbar-nav cljs

(navbar-nav & content)

(navbar-nav attrs & content)

navbar-nav-ol cljs

(navbar-nav-ol & content)

(navbar-nav-ol attrs & content)

navbar-nav-ul cljs

(navbar-nav-ul & content)

(navbar-nav-ul attrs & content)

navbar-text cljs

(navbar-text & content)

(navbar-text attrs & content)

navbar-toggler cljs

(navbar-toggler & content)

(navbar-toggler attrs & content)

row cljs

(row & content)

(row attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "row"}

select cljs

(select & content)

(select attrs & content)

sr-only cljs

(sr-only & content)

(sr-only attrs & content)

textarea cljs

(textarea & content)

(textarea attrs & content)

valid-feedback cljs

(valid-feedback & content)

(valid-feedback attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "valid-feedback"}

valid-tooltip cljs

(valid-tooltip & content)

(valid-tooltip attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "valid-tooltip"}

w-100 cljs

(w-100 & content)

(w-100 attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "w-100"}

w-25 cljs

(w-25 & content)

(w-25 attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "w-25"}

w-50 cljs

(w-50 & content)

(w-50 attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "w-50"}

w-75 cljs

(w-75 & content)

(w-75 attrs & content)

Like [[reacl.dom/div]] with preset attributes {:class "w-75"}