9 examples of 'material ui flexbox' in JavaScript

64
flex1(): Tailwind { return this.add("flex-1"); }

114
flex(flexDirection, flexWrap) {
115
  return this.display("flex").css({ flexDirection, flexWrap });
116
}

42
set flex(v) {
43
    this.layout.flex = v;
44
}

68
get amFlexboxWrapReverse() {
69
  return this._wrap === 'wrap-reverse';
70
}

37
function Materialbox(el, options) {
38
  _classCallCheck(this, Materialbox);
39
40
  var _this = _possibleConstructorReturn(this, (Materialbox.__proto__ || Object.getPrototypeOf(Materialbox)).call(this, Materialbox, el, options));
41
42
  _this.el.M_Materialbox = _this;
43
44
  /**
45
   * Options for the modal
46
   * @member Materialbox#options
47
   * @prop {Number} [inDuration=275] - Length in ms of enter transition
48
   * @prop {Number} [outDuration=200] - Length in ms of exit transition
49
   * @prop {Function} onOpenStart - Callback function called before materialbox is opened
50
   * @prop {Function} onOpenEnd - Callback function called after materialbox is opened
51
   * @prop {Function} onCloseStart - Callback function called before materialbox is closed
52
   * @prop {Function} onCloseEnd - Callback function called after materialbox is closed
53
   */
54
  _this.options = $.extend({}, Materialbox.defaults, options);
55
56
  _this.overlayActive = false;
57
  _this.doneAnimating = true;
58
  _this.placeholder = $('<div></div>').addClass('material-placeholder');
59
  _this.originalWidth = 0;
60
  _this.originalHeight = 0;
61
  _this.originInlineStyles = _this.$el.attr('style');
62
  _this.caption = _this.el.getAttribute('data-caption') || '';
63
64
  // Wrap
65
  _this.$el.before(_this.placeholder);
66
  _this.placeholder.append(_this.$el);
67
68
  _this._setupEventHandlers();
69
  return _this;
70
}

96
get amFlexboxAlignCenter() {
97
  return this.defaultProps.align === 'center';
98
}

351
_flexboxForComponents(components) {
352
  const elements = components.map(Component => (
353
    <Component key={Component.displayName} {...this.props} />
354
  ));
355
  return (
356
    <Flexbox className="item-container" direction="row">
357
      {elements}
358
      <ToolbarSpacer key="spacer-50" order={-50} />
359
      <ToolbarSpacer key="spacer+50" order={50} />
360
    </Flexbox>
361
  );
362
}

68
function FlexboxLayout() {
69
    var _this = _super.call(this) || this;
70
    if (!widgetFlexboxLayout) {
71
        widgetFlexboxLayout = org.nativescript.widgets.FlexboxLayout;
72
        widgetLayoutParams = widgetFlexboxLayout.LayoutParams;
73
    }
74
    return _this;
75
}

90
function ToolbarFlexItem(element, settings) {
91
  this.element = element;
92
  this.settings = utils.mergeSettings(this.element, settings, TOOLBAR_FLEX_ITEM_DEFAULTS);
93
94
  this.init();
95
}