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.
richardzcode / fluid-react / src / grid / W100.js View on Github 
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>
)
}
}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>
)
}
}render() {
const style = this.props.style || {}
const p = JS.lessProps(this.props, 'style');
const styl = JS.lessProps(style, '@media.*');
return beforeAfter()
}
}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>
}
}render() {
const { as } = this.props;
const p = JS.lessProps(this.props, 'as');
return as === 'li'
? {this.props.children}
: {this.props.children}
}
}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}
}
}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}
}
}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}
}
}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}
}
}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}
}
}
