Pattern Library

Tree View

Five hierarchical structures — patient record folders, a codebase explorer, a permissions tree with a locked branch, a category menu and nested deployment environments.

01Patient RecordsHearing care · Nested folders

Hasta dosyaları

▾📁Hatice Yalçın
- 📄Odyogram_2026-07-12.pdf
- 📄Reçete_2026-06-01.pdf
- ▾📁Cihaz kayıtları
  - 📄Aria Pro 2 - Sol kulak.pdf
  - 📄Aria Pro 2 - Sağ kulak.pdf
▸📁Mehmet Öztürk

02File ExplorerDeveloper tools · Dark · No icons

fieldnote-web /

▾src
- ▾components
  - Button.tsx
  - Input.tsx
- utils.ts
- index.ts
package.json
README.md

03Permissions TreeAdmin panel · Locked branch

Role permissions

▾📁Workspace
- 📄Read access
- 📄Write access
- ▾📁Admin access
  - 📄Manage billing
  - 📄Manage members

Admin access requires an Enterprise plan

04Category NavigationMarketplace · No connector lines

Kategoriler

▸📁İşitme cihazları
▾📁Aksesuarlar
- 📄Piller
- 📄Temizlik kitleri
📄Destek ve garanti

05Deployment EnvironmentsDevOps · Dark · Deep nesting

relay-cli / environments

▾production
- ▾eu-west-1
  - api-gateway
  - primary-db
- us-east-1
staging