How to use the fsts.JS.lessProps function in fsts

To help you get started, we’ve selected a few fsts examples, based on popular ways it is used in public projects.

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

github richardzcode / fluid-react / src / grid / W100.js View on Github external
render() {
        const { style } = this.props;
        const styl = Object.assign(
            {},
            style,
            GridStyle.w100
        );
        const p = JS.lessProps(this.props, 'style');
        return (
            <div style="{styl}">
                {this.props.children}
            </div>
        )
    }
}
github richardzcode / fluid-react / src / grid / Container.js View on Github external
render() {
        const { style } = this.props;
        const styl = Object.assign(
            {},
            style,
            GridStyle.container
        );
        const p = JS.lessProps(this.props, 'style');
        return (
            <div style="{styl}">
                {this.props.children}
            </div>
        )
    }
}
github richardzcode / fluid-react / src / css / BeforeAfter.js View on Github external
render() {
            const style = this.props.style || {}
            const p = JS.lessProps(this.props, 'style');
            const styl = JS.lessProps(style, '@media.*');
            return beforeAfter()
        }
    }
github richardzcode / fluid-react / example / src / bootstrap / Nav.js View on Github external
render() {
        const { style, active } = this.props;
        const styl = Object.assign(
            {},
            Bootstrap.navSidebarItem,
            style,
            active? Bootstrap.navSidebarItem['.active'] : null
        )
        const p = JS.lessProps(this.props, 'style');
        return <li style="{styl}">{this.props.children}</li>
    }
}
github richardzcode / bootstrap-4-react / src / components / media / Media.jsx View on Github external
render() {
    const { as } = this.props;
    const p = JS.lessProps(this.props, 'as');

    return as === 'li'
      ? {this.props.children}
      : {this.props.children}
  }
}
github richardzcode / bootstrap-4-react / src / utilities / align.js View on Github external
render() {
        const { className, align } = this.props;
        const cn = mergeClassName(
          this.props,
          flatClassName(align, 'align')
        );
        const p = JS.lessProps(this.props, ['className', 'align']);

        return cn
          ? {this.props.children}
          : {this.props.children}
      }
    }
github richardzcode / bootstrap-4-react / src / utilities / active.js View on Github external
render() {
        const { active, disabled } = this.props;
        const cn = mergeClassName(
          this.props,
          [
            active? 'active' : '',
            disabled? 'disabled' : ''
          ]
        );
        const p = JS.lessProps(this.props, ['className', 'active', 'disabled']);

        return cn
          ? {this.props.children}
          : {this.props.children}
      }
    }
github richardzcode / bootstrap-4-react / src / utilities / color.js View on Github external
render() {
        const { className, text, bg } = this.props;
        const cn = [].concat(
          className || [],
          toClassName('text', text),
          toClassName('bg', bg)
        ).join(' ');
        const p = JS.lessProps(this.props, ['className', 'text', 'bg']);

        return cn
          ? {this.props.children}
          : {this.props.children}
      }
    }
github richardzcode / bootstrap-4-react / src / utilities / shadow.js View on Github external
render() {
        const { shadow } = this.props;
        const cn = mergeClassName(this.props, flatClassName(shadow, 'shadow'));
        const p = JS.lessProps(this.props, ['className', 'shadow']);

        return cn
          ? {this.props.children}
          : {this.props.children}
      }
    }
github richardzcode / bootstrap-4-react / src / utilities / screenreaders.js View on Github external
render() {
        const { srOnly } = this.props;
        const cn = mergeClassName(
          this.props,
          srOnly? ['sr-only', (srOnly === 'focusable'? 'sr-only-focusable' : '')] : ''
        );
        const p = JS.lessProps(this.props, ['className', 'srOnly']);

        return cn
          ? {this.props.children}
          : {this.props.children}
      }
    }

fsts

Accumulated JavaScript toolkits library

MIT
Latest version published 6 years ago

Package Health Score

42 / 100
Full package analysis

Popular fsts functions