화면 크기 조정

화면 크기 조정은 텍스트를 포함하여 화면에 표시되는 정보를 확대하거나 축소하는 데 사용되는 요소이다.

사용 지침

고령층·시력 약자를 고려해 헤더 유틸리티 영역에 노출하고, 선택 값을 저장해 다음 방문에도 동일한 크기로 유지되도록 합니다.

examples/resize/ResizeDefault.tsx

"use client"

import { Resize } from "@/components/ui/resize"

현재 선택된 크기: md

examples/resize/ResizeControlled.tsx

"use client"

import * as React from "react"

examples/resize/ResizeCustomLabels.tsx

import { Resize } from "@/components/ui/resize"

export default function ResizeCustomLabels() {

이름	타입	기본값	설명
buttonText	string	화면크기	—
className	string	—	—
defaultValue	enum	md	—
labels	Partial<Record<ResizeScale, string>>	—	—
onChange	((scale: ResizeScale) => void)	—	—
resetText	string	초기화	—
value	enum	—	—