@knighttower/adaptive 1.3.7

@knighttower/adaptive

1.3.7

Adaptive ▸
- Static members
- .getMinMaxQueries
- .getExpQueries
- .registerElement
- .addQueryMinMax
- .addQueryExpression
- .if
- .init
- .useVue
- .useReact

Need help reading this?

Adaptive

Returns

Object:

"example" folder for more

Example

Adaptive(window, Adaptive)

Adaptive(this, Adaptive)

Adaptive.registerElement(element)

Static Members

▸ getMinMaxQueries()

getMinMaxQueries(): Object

Returns

Object:

▸ getExpQueries()

getExpQueries(): Object

Returns

Object:

▸ registerElement(elementOrSelector, data)

registerElement(elementOrSelector: (String | Object), data: Object): Void

Parameters

elementOrSelector ((String | Object))

data (Object) Optional used directly to add the directives, but is mostly for VUe

Returns

Void:

▸ addQueryMinMax(id, min, max)

addQueryMinMax(id: String, min: Number, max: Number): Void

Parameters

id (String) Identifier

min (Number) Number only, no units attached as it only handles pixels here

max (Number) Number only, no units attached as it only handles pixels here

Returns

Void:

▸ addQueryExpression(id, query, max)

addQueryExpression(id: String, query: String, max: Number): Void

Parameters

id (String) Identifier

query (String) Media query, example "screen and (max-width: 500em) and (orientation: landscape)"

max (Number) Number only, no units attached as it only handles pixels here

Returns

Void:

▸ if(breakdownId, callback)

if(breakdownId: String, callback: (Fucntion | Array)): Object

Parameters

breakdownId (String) Identifier like "tablet" or "mobile", etc

callback

((Fucntion | Array)
            = null)

Function/Method or Array with object and property to set

Returns

Object: Proxy

Example

Adaptive.if('mobile', [object, propertyId]) || Adaptive.if('mobile', () => {})

▸ init()

init(): Void

Returns

Void:

▸ useVue(Vue, hybrid)

useVue(Vue: Vue, hybrid: Boolean): Vue

Parameters

Vue (Vue) Vue instance

hybrid

(Boolean
            = false)

Allow support when using static and dynamic

Returns

Vue:

▸ useReact(React, hybrid)

useReact(React: React, hybrid: Boolean): Void

Parameters

React (React) React instance

hybrid

(Boolean
            = false)

Allow support when using static and dynamic

Returns

Void: