CLASS101
Published in

CLASS101

클래스101의 디자인 시스템, One Product System

변형(variation) 관리

반응형 스타일

OPS의 개발 방향

디자인 시스템 사용하기

EmailLoginForm 컴포넌트
  • 디자인 시스템을 사용하지 않고
  • 기존의 디자인 시스템인 @class101/ui를 사용하여
  • 새로운 디자인 시스템인 OPS를 사용하여

디자인 시스템 없이 만들기

@class101/ui를 사용하여 만들기

OPS를 사용하여 만들기

스택 컴포넌트

  • spacing 속성에 숫자를 넣어 자식 컴포넌트 간 간격을 지정하거나 around, between 으로 정렬시킬 수 있습니다.
  • alignment 속성에 'stretch' | 'top' | 'bottom' | 'center'를 넣어 세로 정렬을 지정할 수도 있습니다.

스타일 속성 만들기

Box 기반으로 개발하기

Beyond Web Design System

--

--

모두가 사랑하는 일을 하며 살 수 있도록

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store