Filter - Search Schema
| Property | Value |
|---|---|
name | filter-search |
category | general |
tag | div |
nestable | false |
Controls
Section titled “Controls”| Key | Type | Label | CSS |
|---|---|---|---|
filterQueryId | query-list | Target query | — |
filterNiceName | text | URL parameter | — |
filterApplyOn | select | Apply on | — |
filterActivePrefix | text | Prefix | — |
filterActiveSuffix | text | Suffix | — |
filterActiveTitle | text | Title | — |
filterInputDebounce | number | Debounce | — |
filterMinChars | number | Min. characters | — |
filterEnterAction | select | Enter action | — |
filterEnterTriggerSubmit | checkbox | Trigger Filter Submit interactions | — |
redirectTo | text | Redirect to | — |
newTab | checkbox | Open in new tab | — |
searchCriteriaCustom | checkbox | Custom search criteria | — |
useWeightScore | checkbox | Use weight score | — |
searchPostFields | checkbox | Search post fields | — |
searchPostQuery | repeater | Post fields | — |
searchPostMeta | checkbox | Search post meta fields | — |
searchPostMetaKeys | repeater | Post meta keys | — |
searchPostTerms | checkbox | Search post terms | — |
searchPostTaxonomies | repeater | Taxonomies | — |
searchTermFields | checkbox | Search term fields | — |
searchTermQuery | repeater | Term fields | — |
searchTermMeta | checkbox | Search term meta fields | — |
searchTermMetaKeys | repeater | Term meta keys | — |
searchUserFields | checkbox | Search user fields | — |
searchUserQuery | repeater | User fields | — |
searchUserMeta | checkbox | Search user meta fields | — |
searchUserMetaKeys | repeater | User meta keys | — |
placeholder | text | Placeholder | — |
placeholderTypography | typography | Placeholder typography | font on input::placeholder |
label | text | Label | — |
labelTypography | typography | Label typography | font on label |
icon | icon | Icon | — |
iconColor | color | Icon color | color on .icon |
iconSize | number | Icon size | font-size on .icon |
Bricks 2.4 search submission settings
Section titled “Bricks 2.4 search submission settings”These query-filter settings are available when Query Filters are enabled. Use the controls above to configure the Enter-key behavior below.
| Key | Type | Values and behavior |
|---|---|---|
filterEnterAction | string | default for AJAX search, or redirect for Redirect to URL. Omitted values use AJAX search. Requires filterQueryId. |
filterEnterTriggerSubmit | boolean | Opt into Filter Submit start/end interactions for an Enter-key AJAX search. Default: false. |
redirectTo | string | Destination URL for filterEnterAction: "redirect". Active filters for the target query become URL parameters. Empty values fall back to AJAX search. |
newTab | boolean | Open the configured redirect in a new tab. Default: false. |
See Filter Search for setup and Enter-key behavior.
Inherited CSS controls
Section titled “Inherited CSS controls”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).
| Key | Type | Label | CSS |
|---|---|---|---|
_content | text | Content | content |
_margin | spacing | Margin | margin |
_padding | spacing | Padding | padding |
_width | number | Width | width |
_widthMin | number | Min. width | min-width |
_widthMax | number | Max. width | max-width |
_height | number | Height | height |
_heightMin | number | Min. height | min-height |
_heightMax | number | Max. height | max-height |
_aspectRatio | text | Aspect ratio | aspect-ratio |
_position | select | Position | position |
_top | number | _top | top |
_right | number | Right | right |
_bottom | number | Bottom | bottom |
_left | number | Left | left |
_zIndex | number | Z-index | z-index |
_order | number | _order | order |
_display | select | Display | display, align-items |
_visibility | select | Visibility | visibility |
_overflow | text | Overflow | overflow |
_opacity | number | Opacity | opacity |
_cursor | select | Cursor | cursor |
_isolation | select | Isolation | isolation |
_mixBlendMode | select | Mix blend mode | mix-blend-mode |
_pointerEvents | text | Pointer events | pointer-events |
_perspective | number | Perspective | perspective |
_perspectiveOrigin | text | Perspective origin | perspective-origin |
_gridItemJustifySelf | align-items | Justify self | justify-self |
_flexDirection | direction | Direction | flex-direction |
_alignSelf | align-items | Align self | align-self |
_justifyContent | justify-content | Align main axis | justify-content |
_alignItems | align-items | Align cross axis | align-items |
_gap | number | Gap | gap |
_flexGrow | number | Flex grow | flex-grow |
_flexShrink | number | Flex shrink | flex-shrink |
_flexBasis | text | Flex basis | flex-basis |
_useMasonry | checkbox | %s layout | — |
_masonryColumn | number | Columns | --columns |
_masonryGutter | number | Spacing | --gutter |
_masonryHorizontalOrder | checkbox | Horizontal order | — |
_masonryTransitionDuration | number | Transition | — |
_masonryTransitionMode | select | Reveal animation | — |
_typography | typography | _typography | font |
_background | background | _background | background |
_shapeDividers | repeater | Custom shape | — |
_gradient | gradient | _gradient | background-image |
_border | border | Border | border |
_boxShadow | box-shadow | Box shadow | box-shadow |
_transform | transform | Transform | transform |
_transformOrigin | text | Transform origin | transform-origin |
_motionElementParallax | checkbox | Element parallax | — |
_motionElementParallaxSpeedX | number | Horizontal speed | --brx-motion-parallax-speed-x |
_motionElementParallaxSpeedY | number | Vertical speed | --brx-motion-parallax-speed-y |
_motionBackgroundParallax | checkbox | Background parallax | — |
_motionBackgroundParallaxSpeed | number | Background speed | --brx-motion-background-speed |
_motionStartVisiblePercent | number | Parallax start point | — |
_cssCustom | code | Custom CSS | — |
_cssClasses | text | CSS classes | — |
_cssId | text | CSS ID | — |
_cssFilters | filters | CSS Filters | filter |
_cssTransition | text | Transition | transition |
_attributes | repeater | Name | — |
_scrollSnapType | select | Type | scroll-snap-type on html, scroll-snap-align on .brxe-section |
_scrollSnapAlign | select | Align | scroll-snap-align on .brxe-section |
_scrollSnapStop | select | Stop | scroll-snap-stop on .brxe-section |
Was this helpful?
A quick vote and short notes help us improve these docs faster.
Leave a note for us
Please do not include passwords, license keys, or personal data. We store submitted notes to improve the docs.
Thanks for sharing feedback. We're using it to improve these docs.