Function BindStyle

BindStyle<This, K, Value>(id, style, transform?): ((target, context) => any)
Type Parameters
- This extends WebzComponent
- K extends keyof CSSStyleDeclaration
- Value extends null | string | number | (() => IterableIterator<string>) | CSSRule | ((property) => string) | ((property) => string) | ((index) => string) | ((property) => string) | ((property, value, priority?) => void)
Parameters
- id: string
  the element to bind the property to
- style: K
  the style to bind (i.e. background-color, left, top, etc.)
- Optional transform: ((this, value) => CSSStyleDeclaration[K])
  an optional function to transform the value before it is set on the element
  - - (this, value): CSSStyleDeclaration[K]
    - Parameters
      this: This
      value: Value
      Returns CSSStyleDeclaration[K]
Returns ((target, context) => any)
DecoratorCallback
- - (target, context): any
  - Parameters
    - target: undefined
    - context: ClassFieldDecoratorContext<This, Value>
    Returns any
Description
Decorator to bind a specific style string property to an element

Export
Example
```
//This will set the background color of the div with id myDiv to the value in backgroundColor
@BindStyle("myDiv", "backgroundColor")
public backgroundColor: string = "red";
```
- Defined in projects/boots/Webz/Webz-core/src/bind.decorators.ts:297
BindStyle<This, K, Value>(id, style, transform): ((target, context) => any)
Type Parameters
- This extends WebzComponent
- K extends keyof CSSStyleDeclaration
- Value
Parameters
- id: string
  the element to bind the property to
- style: K
  the style to bind (i.e. background-color, left, top, etc.)
- transform: ((this, value) => CSSStyleDeclaration[K])
  a function to transform the value to a valid style name before it is set on the element
  - - (this, value): CSSStyleDeclaration[K]
    - Parameters
      this: This
      value: Value
      Returns CSSStyleDeclaration[K]
Returns ((target, context) => any)
DecoratorCallback
- - (target, context): any
  - Parameters
    - target: undefined
    - context: ClassFieldDecoratorContext<This, Value>
    Returns any
Description
Decorator to bind a specific style non-string property to an element

Export
Example
```
//This will set the background color of the div with id myDiv to the red if the property is true, or blue if it is false
@BindStyle("myDiv", "backgroundColor",(value: boolean) => value ? "red" : "blue")
public backgroundColor: boolean=true;
```
- Defined in projects/boots/Webz/Webz-core/src/bind.decorators.ts:321

Generated using TypeDoc