레벨
레벨 (Level) 레이아웃
레벨 레이아웃은 children 사이에 공간을 균등하게 분배하고 x축 기준으로 가운데 정렬하도록 설계된 PatternFly 레이아웃이에요.
출처: 문서
본문
예시 (Examples)
기본 (Basic)
Level Item 여러 개를 균등하게 배치하는 기본 예시예요.
거터 포함 (With gutters)
Level Item 사이에 거터 간격을 적용한 예시예요.
Props
Level
| 이름 (Name) | 타입 (Type) | 기본값 (Default) | 설명 (Description) |
|---|---|---|---|
| children | React.ReactNode | null | Level 레이아웃 안에 렌더링되는 콘텐츠 |
| className | string | '' | Level 레이아웃에 추가되는 추가 클래스 |
| hasGutter | boolean | children 사이에 공간 추가 |
LevelItem
| 이름 (Name) | 타입 (Type) | 기본값 (Default) | 설명 (Description) |
|---|---|---|---|
| children | React.ReactNode | null | Level 레이아웃 항목 안에 렌더링되는 콘텐츠 |