mirror of
https://github.com/supabase/supabase.git
synced 2026-10-10 20:05:06 +03:00
Danny White
b0b7db6b78
## What kind of change does this PR introduce? Bug fix ## What is the current behavior? - Links on the UI Patterns introduction page are wrong and therefore 404 - Introduction pages on the sidebar are also wrong and 404 ## What is the new behavior? Fixes for both of the above ## Additional context Thanks [Emilio](https://github.com/supabase/supabase/pull/42309) for letting us know! <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Documentation** * Updated navigation structure in the design system documentation to direct users to introduction pages for UI Patterns, Fragments, and Components sections. * Refined internal documentation links for improved navigation consistency. <sub>✏️ Tip: You can customize this high-level summary in your review settings.</sub> <!-- end of auto-generated comment: release notes by coderabbit.ai -->
17 lines
1.4 KiB
Plaintext
17 lines
1.4 KiB
Plaintext
---
|
|
title: UI patterns
|
|
description: Higher-level guidance on how to compose components together to solve common interface problems.
|
|
---
|
|
|
|
UI patterns are reusable design solutions that combine multiple components from our design system to address common interface challenges. Unlike atom components (basic building blocks like buttons and inputs) or fragment components (pre-built composite components), UI patterns provide guidelines and best practices for structuring entire interface sections.
|
|
|
|
These patterns help ensure consistency across Supabase products by establishing standard approaches for:
|
|
|
|
- **[Charts](charts)**: Visualizing data consistently using standardized chart types and styling.
|
|
- **[Empty States](empty-states)**: Communicating the absence of data and guiding users toward meaningful actions.
|
|
- **[Forms](forms)**: Building cohesive form experiences in both page layouts and side panels.
|
|
- **[Layout](layout)**: Creating consistent page structures with proper spacing, max-widths, and content organization.
|
|
- **[Navigation](navigation)**: Organizing complex hierarchical navigation systems across multiple products and contexts.
|
|
|
|
UI patterns may incorporate external libraries (such as `react-markdown`, `reactflow`, `recharts`, etc) or compose various components from the `ui` package. They serve as blueprints for solving recurring design problems, ensuring that similar features across the application follow the same structural and interaction patterns.
|