Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- satisfiles
- tanstackquery
- react-hook-form
- golang
- Gin
- React
- css
- javascript
- test
- Spring
- JavaSpring
- storybook
- 웹애플리케이션서버
- backend
- component
- typescript
- 오블완
- Chakra
- ReactHooks
- 티스토리챌린지
- springboot
- java
- RTK
- hook
- JPA
- frontend
- designpatterns
- go
- Redux
Archives
- Today
- Total
목록classnames (1)
bkdragon's log
module css, classnames로 조건부 스타일링
classnames는 조건부로 스타일링을 편하게 할 수 있는 라이브러리이다. {클래스명 : 조건식} 형태로 조건식이 참일 경우 클래스명을 추가할 수 있다. 공식 문서 예제를 몇가지 살펴보자. https://www.npmjs.com/package/classnames 기본 형태 {클래스명 : 조건식} 의 형태이나 조건식 생략이 가능하며 그 경우에는 true이다. classNames('foo', 'bar'); // => 'foo bar' classNames('foo', { bar: true }); // => 'foo bar' classNames({ 'foo-bar': true }); // => 'foo-bar' classNames({ 'foo-bar': false }); // => '' classNames({..
concept
2023. 8. 7. 23:43