9 examples of 'material ui flexbox' in JavaScript

Every line of 'material ui flexbox' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
this disclaimer
64flex1(): Tailwind { return this.add("flex-1"); }
Important

Use secure code every time

Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code

114flex(flexDirection, flexWrap) {
115 return this.display("flex").css({ flexDirection, flexWrap });
116}
42set flex(v) {
43 this.layout.flex = v;
44}
68get amFlexboxWrapReverse() {
69 return this._wrap === 'wrap-reverse';
70}
37function 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}
96get 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}
68function 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}
90function ToolbarFlexItem(element, settings) {
91 this.element = element;
92 this.settings = utils.mergeSettings(this.element, settings, TOOLBAR_FLEX_ITEM_DEFAULTS);
93
94 this.init();
95}

Related snippets