mirror of
https://github.com/odoo/owl.git
synced 2025-10-06 19:59:41 +07:00
[DOC] slots prop validation
Make it explicit that props validation should accept `slots` if a component uses slots (even the `default` slot).
This commit is contained in:
committed by
Géry Debongnie
parent
871dad6a13
commit
c2728c9daf
@@ -320,6 +320,28 @@ class ComponentB extends owl.Component {
|
||||
|
||||
Note: the props validation code is done by using the [validate utility function](utils.md#validate).
|
||||
|
||||
### `slots` prop
|
||||
|
||||
If a component that uses [slots](slots.md) also lists or validates its props, then
|
||||
you will have to explicitely allow the `slots` prop (with an `Object` type), or
|
||||
allow extra props using the `*` notation mentioned above. This is because slots
|
||||
are provided to a component [as props](slots.md#slots-and-props).
|
||||
|
||||
For example:
|
||||
|
||||
```js
|
||||
class MyComponent extends Component {
|
||||
static props = [someProp, slots?];
|
||||
}
|
||||
|
||||
class MyComponentWithValidation extends Component {
|
||||
static props = {
|
||||
someProp: {type: Number, optional: true},
|
||||
slots : {type: Object, optional: true},
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## Good Practices
|
||||
|
||||
A `props` object is a collection of values that come from the parent. As such,
|
||||
|
||||
Reference in New Issue
Block a user