Divider 컴포넌트 만들기

태그

Dec 15, 2023

hr 태그를 이용

border는 0 ⇒ 클래스로 vertical, horizontal을 구분


const Divider = styled.hr`
	border:0
	background-color: #aaa

	&.vertical {
		display: inline-block
		width: 1px;
		height: 13px;
		vertical-align: middle;
		...
	}

	&.horizontal {
		display: block;
		width: 100%;
		height: 1px
	}
`