표면
카드의 면만 줘요. 제목 구조가 필요 없는 묶음에 써요.
모바일PCPleos · 개발 중Surface
고르기#
- 이 이름은 카드 골격(Card)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.
카드 골격 문서 보기 →
인터페이스#
타입에서 자동으로 뽑은 표예요.
Surface#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
| children* | - | ReactNode | 안에 그릴 내용이에요. |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 면만 그려요. 역할이 없어요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |
| Pleos개발 중 | 차량 앱의 aiSoftGlow · aiLiveGrad(공개 저장소)로 따로 구현했어요. AI 빛과 그라디언트는 화면에 한 곳만 써요. |