Members
(constant) CustomizeCSS
- Description:
- Please prefer to override your own ui-predicate core components (see Customize default UI components). #### CSS class names - \`.ui-predicate__main\`: select the whole ui-predicate div container - \`.ui-predicate__row\`: select every rows div container - \`.ui-predicate__row--compound\`: select every predicate compound row div containers - \`.ui-predicate__row--comparison\`: select every predicate comparison row div containers - \`.ui-predicate__col\`: select every column (targets, operators, arguments and option) div containers - \`.ui-predicate__targets\`: select the every target columns div container - \`.ui-predicate__operators\`: select every operators div container - \`.ui-predicate__arguments\`: select every arguments div container - \`.ui-predicate__options\`: select every option div container - \`.ui-predicate__option\`: select one option div container - \`.ui-predicate__logic\`: select every logic div container
- Source:
Please prefer to override your own ui-predicate core components (see Customize default UI components).
#### CSS class names
- \`.ui-predicate__main\`: select the whole ui-predicate div container
- \`.ui-predicate__row\`: select every rows div container
- \`.ui-predicate__row--compound\`: select every predicate compound row div containers
- \`.ui-predicate__row--comparison\`: select every predicate comparison row div containers
- \`.ui-predicate__col\`: select every column (targets, operators, arguments and option) div containers
- \`.ui-predicate__targets\`: select the every target columns div container
- \`.ui-predicate__operators\`: select every operators div container
- \`.ui-predicate__arguments\`: select every arguments div container
- \`.ui-predicate__options\`: select every option div container
- \`.ui-predicate__option\`: select one option div container
- \`.ui-predicate__logic\`: select every logic div container
(constant) CustomizeDefaultUIComponents
- Description:
- If you need to override defaults ui-predicate UI components to match your needs, use the `ui` prop. ```javascript import { UITypes } from "ui-predicate-core"; const MyCustomComponent = {}; const UI_OVERRIDES = { [UITypes.TARGETS]: MyCustomComponent, [UITypes.LOGICAL_TYPES]: MyCustomComponent, [UITypes.OPERATORS]: MyCustomComponent, [UITypes.PREDICATE_ADD]: MyCustomComponent, [UITypes.PREDICATE_REMOVE]: MyCustomComponent, // If UIPredicate can't find a component related to your argumentType_id // This component will be used as a fallback. // By default it just an [UITypes.ARGUMENT_DEFAULT]: MyCustomComponent }; ```
- Source:
If you need to override defaults ui-predicate UI components to match your needs, use the `ui` prop.
```javascript
import { UITypes } from "ui-predicate-core";
const MyCustomComponent = {};
const UI_OVERRIDES = {
[UITypes.TARGETS]: MyCustomComponent,
[UITypes.LOGICAL_TYPES]: MyCustomComponent,
[UITypes.OPERATORS]: MyCustomComponent,
[UITypes.PREDICATE_ADD]: MyCustomComponent,
[UITypes.PREDICATE_REMOVE]: MyCustomComponent,
// If UIPredicate can't find a component related to your argumentType_id
// This component will be used as a fallback.
// By default it just an
[UITypes.ARGUMENT_DEFAULT]: MyCustomComponent
};
```
(constant) MinimalConfiguration
- Description:
- \`
\` requires a \`columns\` object and predicate v-model. That's how you will pass your \`targets\`,\`operators\` , \`types\` and \`logicalTypes\`.
- \`
- Source:
\`