Vega Logo
v1.0.0
Divider
구분선(divider)은 목록이나 컨테이너의 콘텐츠를 그룹화 하는 얇은 가로 또는 세로선 입니다.
Type
Horizontal
Full width
Insent
Vertical
Full height
Full height
Style
Solid
Dashed
사용 가이드
적용 구분
구분선은 레이아웃에 명확성과 구조를 부여하는 데 사용해야 합니다. 주로 구분선은 관련 요소 그룹을 분리하거나 밀집된 콘텐츠를 분해하는 데 도움이 됩니다. 그러나 요소에 공백을 사용해 구분할 수 있는 경우에는 구분선 사용을 지양하도록 합니다.
Divider title
Lorem ipsum dolor sit amet consectetur. Eget in in ultrices eget. Dolor est id id in mi. Cras quam in id posuere viverra egestas convallis id. Mauris tincidunt pharetra integer suspendisse est fusce sit malesuada pulvinar. At eget dolor ut venenatis rhoncus at posuere.
Divider title
Lorem ipsum dolor sit amet consectetur. Eget in in ultrices eget. Dolor est id id in mi. Cras quam in id posuere viverra egestas convallis id. Mauris tincidunt pharetra integer suspendisse est fusce sit malesuada pulvinar. At eget dolor ut venenatis rhoncus at posuere.
Do
공백은 주로 관련 콘텐츠 그룹을 구분하는 데에 사용됩니다.
Divider title
Lorem ipsum dolor sit amet consectetur. Eget in in ultrices eget. Dolor est id id in mi. Cras quam in id posuere viverra egestas convallis id. Mauris tincidunt pharetra integer suspendisse est fusce sit malesuada pulvinar. At eget dolor ut venenatis rhoncus at posuere.
Divider title
Lorem ipsum dolor sit amet consectetur. Eget in in ultrices eget. Dolor est id id in mi. Cras quam in id posuere viverra egestas convallis id. Mauris tincidunt pharetra integer suspendisse est fusce sit malesuada pulvinar. At eget dolor ut venenatis rhoncus at posuere.
Don’t
구분선을 과도하게 사용하면 화면의 복잡성이 가중되어 사용자의 인식이 복잡한 화면처럼 보일 수 있으므로 적절히 사용합니다.
Family
Janet Perkins
Mary Perkins
Peter Perkins
Company
Trevor Hansen
Andrew Dalton
Do
구분선을 사용하여 콘텐츠를 구분합니다.
Family
Janet Perkins
Mary Perkins
Peter Perkins
Company
Trevor Hansen
Andrew Dalton
Don’t
그룹화된 내용에 구분선을 사용하여 영역을 나누지 않도록 주의하여 사용합니다.