reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
Overview205Core74Shells99Blocks32
TemplatePicker
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

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

© 2026 reopt Inc. All rights reserved.

TemplatePicker

Shell

Browse and search templates by category with featured markers and tags.

display
Related docs
bun add @reopt-ai/opt-ui
Install and import
bash
bun add @reopt-ai/opt-ui
tsx
import { TemplatePicker } from "@reopt-ai/opt-ui";

Live preview

Change the width and theme, then interact with the components.

100%

Analytics

Dashboard

TemplatePicker

PropTypeDefaultDescription
templatesRequiredTemplateDef[]—템플릿 배열. { id, name, description?, icon?, category?, featured?, tags? }
selectedstring—현재 선택된 템플릿 ID
onSelectRequired(templateId: string) => void—템플릿 선택 핸들러
showSearchbooleanfalse검색 입력 표시 여부
View test results

테스트 커버리지

2026년 7월 9일7/7 통과
7성공
0실패
7전체
  • 템플릿을 렌더링한다
  • 선택된 템플릿을 표시한다
  • onSelect를 호출한다
  • showSearch가 true일 때 검색창을 렌더링한다
  • 검색으로 템플릿을 필터링한다
  • featured 템플릿에 Badge를 표시한다
  • tags를 칩으로 표시한다

Related components

opt-ui

FaqAccordion

Shells

Organize FAQ questions and answers with Composite and Disclosure components.

opt-ui

EnvPanel

Shells

Browse environment variables with collapsible environment groups and Composite navigation.

opt-ui

BranchSelect

Shells

Choose a Git branch with a wrapper around the Select primitive.

opt-ui

DesignGuidePanel

Shells

Consult six design-system reference sections covering primitives, keyboard patterns, Tailwind selectors, and accessibility attributes.

opt-ui

QuickActions

Shells

Present frequent actions in a grid or list with keyboard shortcut labels.

opt-ui

TeamMemberList

Shells

Show team members and online status in list, compact, or avatar-only layouts.

PreviousFloatingActionBarNextFailureList