Expression
- HTML/CSS:Dev Ready
- Layout:Desktop Only
expression
.slds-expression, .slds-filters — An Expression builder helps users declaratively construct logical expressions.
base
.slds-expression — Creates an Expression Component
base › Initial State
base › With Expression Group
base › With Multiple Conditions
base › With Disabled Inputs
base › With an Error
.slds-expression__options
.slds-expression__options — Condition options
.slds-expression__legend
.slds-expression__legend — Legend for expression row
.slds-expression__legend_group
.slds-expression__legend_group — Modifies a legend when placed within a expression group
.slds-expression__row
.slds-expression__row — Defines an expression row
.slds-expression__row_group
.slds-expression__row_group — Modifies a row when placed within a expression group
.slds-expression__buttons
.slds-expression__buttons — Action buttons for conditional expressions
.slds-expression__group
.slds-expression__group — Group of conditional expressions
.slds-expression__title
.slds-expression__title — Section title for expressions
custom-logic
.slds-expression__custom-logic — Creates a Custom Logic variant of Filters
formula
.slds-expression_formula__rte — Creates a Filter Component
filters
.slds-filters — Creates a narrow expression
filters › With Narrow Expression Group
filters › With Option Selected
.slds-filters__header
.slds-filters__header — Filters Header
.slds-filters__body
.slds-filters__body — Filters Body
.slds-filters__footer
.slds-filters__footer — Filters Footer
.slds-filters__item
.slds-filters__item — Filterable Item
.slds-is-new
.slds-is-new — Indicates that a filter is new and hasn't been saved
.slds-has-error
.slds-has-error — Indicates that a filter has an error
.slds-is-locked
.slds-is-locked — Indicates that a filter is locked
.slds-filters__group
.slds-filters__group — Filters Group