Skip to content

Filter - Checkbox Schema

PropertyValue
namefilter-checkbox
categorygeneral
tagdiv
nestablefalse
KeyTypeLabelCSS
filterQueryIdquery-listTarget query—
filterNiceNametextURL parameter—
filterApplyOnselectApply on—
filterSourceselectSource—
sourceFieldTypeselectField type—
wpPostFieldselectField—
wpUserFieldselectField—
wpTermFieldselectField—
filterTaxonomyselectTaxonomy—
filterTaxonomyOrderByselectOrder by—
filterTaxonomyOrderMetaKeytextOrder meta key—
filterTaxonomyOrderselectfilterTaxonomyOrder—
filterTermIncludeselectfilterTermInclude—
filterTermExcludeselectfilterTermExclude—
filterTermTopLevelcheckboxTop level terms only—
filterHideCountcheckboxHide count—
filterHideEmptycheckboxHide empty—
filterCountNoBracketcheckboxHide count bracket—
filterHierarchicalcheckboxHierarchical—
filterAutoCheckChildrencheckboxAuto toggle child terms—
filterChildIndentationtextIndent—
filterChildIndentationGapnumberIndentmargin-inline-start on [class*="depth-"]:not([class*="depth-0"])
fieldProviderselectProvider—
customFieldKeytextMeta key—
fieldCompareOperatorselectCompare—
fieldCompareTypeselectCompare type—
filterMultiLogicselectMultiple options—
filterGroupLabeltextGroup label—
labelMappingselectLabel—
customLabelMappingrepeaterLabel—
populatedOptionsOrderByselectOrder by—
populatedOptionsOrderselectpopulatedOptionsOrder—
displayModeselectMode—
optionsGapnumberOption--brx-options-gap
buttonOptionsGapnumberOption--brx-btn-options-gap
optionsTypographytypographyOptionfont on .brx-option-text
countAlignEndcheckboxCount—
countTypographytypographyCountfont on .brx-option-count
buttonSizeselectSize—
buttonStyleselectStyle—
buttonCirclecheckboxCircle—
buttonOutlinecheckboxOutline—
buttonBackgroundColorcolorBackground colorbackground-color on &[data-mode="button"] .bricks-button
buttonBorderborderBorderborder-color on &[data-mode="button"] .bricks-button
buttonTypographytypographyTypographyfont on &[data-mode="button"] .bricks-button
buttonActiveBackgroundColorcolorBackground colorbackground-color on &[data-mode="button"] .bricks-button.brx-option-active
buttonActiveBorderborderBorderborder-color on &[data-mode="button"] .bricks-button.brx-option-active
buttonActiveTypographytypographyTypographyfont on &[data-mode="button"] .bricks-button.brx-option-active
filterActivePrefixtextPrefix—
filterActiveSuffixtextSuffix—
filterActiveTitletextTitle—
limitOptionsnumberVisible options limit—
showMoreTexttextShow more—
showLessTexttextShow less—
showMoreButtonSizeselectSize—
showMoreButtonStyleselectStyle—
showMoreButtonCirclecheckboxCircle—
showMoreButtonOutlinecheckboxOutline—
showMoreButtonBackgroundColorcolorBackground colorbackground-color on .brx-show-more-less-button
showMoreButtonBorderborderBorderborder-color on .brx-show-more-less-button
showMoreButtonTypographytypographyTypographyfont on .bricks-button.brx-show-more-less-button

Shared CSS controls available on all elements. Keys are prefixed with _ and support responsive/pseudo-class variants via colon syntax (e.g. _typography:tablet_portrait:hover).

KeyTypeLabelCSS
_contenttextContentcontent
_marginspacingMarginmargin
_paddingspacingPaddingpadding
_widthnumberWidthwidth
_widthMinnumberMin. widthmin-width
_widthMaxnumberMax. widthmax-width
_heightnumberHeightheight
_heightMinnumberMin. heightmin-height
_heightMaxnumberMax. heightmax-height
_aspectRatiotextAspect ratioaspect-ratio
_positionselectPositionposition
_topnumber_toptop
_rightnumberRightright
_bottomnumberBottombottom
_leftnumberLeftleft
_zIndexnumberZ-indexz-index
_ordernumber_orderorder
_displayselectDisplaydisplay, align-items
_visibilityselectVisibilityvisibility
_overflowtextOverflowoverflow
_opacitynumberOpacityopacity
_cursorselectCursorcursor
_isolationselectIsolationisolation
_mixBlendModeselectMix blend modemix-blend-mode
_pointerEventstextPointer eventspointer-events
_perspectivenumberPerspectiveperspective
_perspectiveOrigintextPerspective originperspective-origin
_gridItemJustifySelfalign-itemsJustify selfjustify-self
_flexDirectiondirectionDirectionflex-direction
_alignSelfalign-itemsAlign selfalign-self
_justifyContentjustify-contentAlign main axisjustify-content
_alignItemsalign-itemsAlign cross axisalign-items
_gapnumberGapgap
_flexGrownumberFlex growflex-grow
_flexShrinknumberFlex shrinkflex-shrink
_flexBasistextFlex basisflex-basis
_useMasonrycheckbox%s layout—
_masonryColumnnumberColumns--columns
_masonryGutternumberSpacing--gutter
_masonryHorizontalOrdercheckboxHorizontal order—
_masonryTransitionDurationnumberTransition—
_masonryTransitionModeselectReveal animation—
_typographytypography_typographyfont
_backgroundbackground_backgroundbackground
_shapeDividersrepeaterCustom shape—
_gradientgradient_gradientbackground-image
_borderborderBorderborder
_boxShadowbox-shadowBox shadowbox-shadow
_transformtransformTransformtransform
_transformOrigintextTransform origintransform-origin
_motionElementParallaxcheckboxElement parallax—
_motionElementParallaxSpeedXnumberHorizontal speed--brx-motion-parallax-speed-x
_motionElementParallaxSpeedYnumberVertical speed--brx-motion-parallax-speed-y
_motionBackgroundParallaxcheckboxBackground parallax—
_motionBackgroundParallaxSpeednumberBackground speed--brx-motion-background-speed
_motionStartVisiblePercentnumberParallax start point—
_cssCustomcodeCustom CSS—
_cssClassestextCSS classes—
_cssIdtextCSS ID—
_cssFiltersfiltersCSS Filtersfilter
_cssTransitiontextTransitiontransition
_attributesrepeaterName—
_scrollSnapTypeselectTypescroll-snap-type on html, scroll-snap-align on .brxe-section
_scrollSnapAlignselectAlignscroll-snap-align on .brxe-section
_scrollSnapStopselectStopscroll-snap-stop on .brxe-section