Navigation

Navigation은 주로 네비게이션에서 사용하는 스타일을 테마로 제공합니다.

Introduce

theme 객체 내에 네비게이션에 대한 스타일을 제공합니다.

import { css } from '@montage-ui/core';

import type { Theme } from '@montage-ui/core';

export const exampleStyle = (theme: Theme) => css`
  ${theme.semantic.platform.ios.navigation}
`;

위 코드는 아래와 같이 렌더링 됩니다.

.montage-exampleStyle1 {
  background-color: rgba(var(--semantic-surface-elevated-primary-rgb), 0.88);
  backdrop-filter: blur(32px);
}