MaxInterview - conditional css class styling

showing results for - "conditional css class styling"

30 Oct 2019

1class App extends Component {
2  constructor() {
3    super()
4    this.state = { isRed: true }
5  }
6
7  render() {
8    const isRed = this.state.isRed
9
10    return <p className={isRed ? 'class1' : 'class2'}>Example Text</p>
11  }
12}

source

Paul

19 Jun 2016

1// return class names from a function
2getClass(someInput){
3    switch(someInput){
4        case '1': {
5            return 'class1'
6        }
7        case '2': {
8            return 'class2'
9        }
10        case '3': {
11            return 'class3'
12        }
13    }
14}
15
16render() {
17    return (
18        <p className={this.getClass('1')}>
19            Example Text
20        </p>
21    );
22}

source

similar questions

react conditional classname conditional inline styling react conditional class conditional classname prop react conditional style react vue div class v if addclass conditional style prop react check if element with class has another class javascript angular conditional class

queries leading to this page

simple conditional classname how to change style of a class based on a conditional how to style a class based on a condition conditional classes conditional classnames css conditional access a css class conditional class css conditional css class styling conditionally apply a class classnames for conditional style classname conditional set class conditionally cshtml css class has condition classnames conditional classes css class conditions css conditional class add css class in js conditional conditional classname vanilla javascript html css conditional add class class conditional css conditional css with class names conditional class name scss conditionally show classname classnames conditional selected conditional class name conditionally add classname condition on class css css class conditional conditional css class style how to change css classnames conditionally conditional class name condition css class css if else condition for class conditional css class conditional styling in classname css conditional class else conditional class style changes with javascript conditional css with classnames conditionals classname css conditional css class styling