reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview165Core59Shells75Blocks31
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/Core/StarRating

StarRating

Component

1~N점 별점을 선택하는 인터랙티브 레이팅 입력. 읽기 전용 표시도 지원.

input
Related docs
bun add @reopt-ai/opt-ui
100%
3점
읽기 전용:
Small:
Large:

컴포넌트 의존 관계

깊이
▲ USED BY (1)item-detailStarRating

테스트 커버리지

2026년 7월 9일8/8 통과
8성공
0실패
8전체
  • 기본 5개 별을 렌더한다
  • 클릭으로 별점을 선택한다
  • ArrowRight로 별점을 증가시킨다
  • ArrowLeft로 별점을 감소시킨다
  • Home/End 키로 최솟값/최댓값으로 이동한다
  • readOnly 모드에서 img role을 사용한다
  • max prop으로 별 개수를 변경한다
  • readOnly에서는 키보드/클릭이 동작하지 않는다

키보드 동작

키동작
ArrowRight / ArrowUp별점 1 증가
ArrowLeft / ArrowDown별점 1 감소
Home별점 1로 설정
End별점 최대로 설정

Related components

Select

드롭다운 선택 컴포넌트. 5-part anatomy: Root, Label, Trigger, Popover, Item.

Input

Combobox

자동완성 검색 입력. 7 exports: Root, Input, Popover, Item, Group, GroupLabel, Empty.

Input

Button

접근성 버튼 컴포넌트. 4가지 변형(primary, secondary, ghost, danger), 3가지 크기, 로딩/아이콘과 aria-busy 상태를 지원합니다.

Input

Input

독립적인 텍스트 입력 컴포넌트. 레이블, 에러, 힌트, 아이콘 지원.

Input

Switch

토글 스위치 컴포넌트. 3가지 크기와 레이블/설명의 명시적 접근성 연결을 지원합니다.

Input

Textarea

멀티라인 텍스트 입력. Input과 동일한 API (label, error, hint).

Input
PreviousLoadingOverlayNextErrorBoundary

기본 사용

여러 Select

다중 선택

선택됨: react, svelte

기본 사용

그룹화

Variants

Sizes

States

Loading & Disabled

With Icons

Basic

With Hint

8자 이상 입력하세요

영문, 숫자만 사용 가능

Error State

이미 사용 중인 이름입니다

올바른 이메일 형식이 아닙니다

With Icons

원

Basic

알림 받기

새로운 업데이트를 알림으로 받습니다.

다크 모드

어두운 테마를 사용합니다.

마케팅 수신

프로모션 및 이벤트 정보를 받습니다.

Sizes

Small
Medium
Large

Disabled

Off (disabled)
On (disabled)

Without Label

Basic

With Hint

500자 이내로 작성하세요

Error State

필수 입력 항목입니다

Resize Options