Skip to content

Commit 3c0cefd

Browse files
author
Lasim
committed
feat(docs): add mandatory design pattern for structured data display to ensure visual consistency across the frontend
1 parent f55c4fb commit 3c0cefd

2 files changed

Lines changed: 502 additions & 0 deletions

File tree

docs/development/frontend/index.mdx

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,17 @@ For table-specific implementations, refer to the [Table Design System](/developm
7474

7575
The frontend uses **TailwindCSS** for styling with **shadcn-vue** component library for consistent UI elements. For comprehensive styling guidelines, component patterns, and design standards, see the [UI Design System](/development/frontend/ui-design-system) documentation.
7676

77+
### ⚠️ **Mandatory Design Patterns**
78+
79+
All structured information displays must follow the **[Structured Data Display Pattern](/development/frontend/ui-design-system-structured-data)**. This includes:
80+
- User profiles and settings
81+
- Form layouts
82+
- Configuration displays
83+
- Installation details
84+
- Any information presented in label-value pairs
85+
86+
This pattern ensures visual consistency across the entire application.
87+
7788
## Environment Configuration
7889

7990
The frontend uses a sophisticated environment variable system that works seamlessly across development and production environments. For complete details on configuring and using environment variables, see the dedicated [Environment Variables Guide](/development/frontend/environment-variables).
@@ -115,6 +126,7 @@ Continue reading the detailed guides:
115126

116127
- [Frontend Architecture](/development/frontend/architecture) - Application architecture, patterns, and development principles
117128
- [UI Design System](/development/frontend/ui-design-system) - Component patterns, styling guidelines, and design standards
129+
- **[Structured Data Display Pattern](/development/frontend/ui-design-system-structured-data)** - **Mandatory pattern** for consistent information display
118130
- [Environment Variables](/development/frontend/environment-variables) - Complete environment configuration guide
119131
- [Global Event Bus](/development/frontend/event-bus) - Cross-component communication system
120132
- [Internationalization (i18n)](/development/frontend/internationalization) - Multi-language support

0 commit comments

Comments
 (0)