File tree Expand file tree Collapse file tree 5 files changed +30
-30
lines changed
apps/web/content/patterns Expand file tree Collapse file tree 5 files changed +30
-30
lines changed Original file line number Diff line number Diff line change @@ -8,12 +8,6 @@ status: complete
88
99import { GuidesBanner } from " @/components/guides-banner" ;
1010
11- <GalleryBanner
12- title = " View Popover Examples"
13- description = " Discover what to do (and avoid) from real implementations"
14- galleryPath = " https://gallery.uxpatterns.dev/web/feedback/popover"
15- />
16-
1711## Overview
1812
1913** Popovers** overlay the main content to give users additional information or actions.
@@ -52,6 +46,12 @@ Use popovers for context-specific information or quick actions that complement t
5246- Large forms or complex interactions work better as modals
5347- Context needs full-page takeover for clarity
5448
49+ <GalleryBanner
50+ title = " View Popover Examples"
51+ description = " Discover what to do (and avoid) from real implementations"
52+ galleryPath = " https://gallery.uxpatterns.dev/web/feedback/popover"
53+ />
54+
5555## Benefits
5656
5757- Better user focus with context-specific content
Original file line number Diff line number Diff line change @@ -8,18 +8,18 @@ status: coming-soon
88
99import { GuidesBanner } from " @/components/guides-banner" ;
1010
11- <GuidesBanner
12- title = " Cards vs Table vs List?"
13- description = " Compare data display patterns to make the right choice"
14- guidePath = " /pattern-guide/table-vs-list-vs-cards"
15- />
16-
1711<Callout type = " warning" >
1812 This page is empty for now. Please help us by
1913 [ contributing] ( https://github.com/thedaviddias/ux-patterns-for-developers/blob/main/.github/CONTRIBUTING.md )
2014 to add content.
2115</Callout >
2216
17+ <GuidesBanner
18+ title = " Cards vs Table vs List?"
19+ description = " Compare data display patterns to make the right choice"
20+ guidePath = " /pattern-guide/table-vs-list-vs-cards"
21+ />
22+
2323## Related patterns
2424
2525- Single cards: [ Modal] ( /patterns/content-management/modal )
Original file line number Diff line number Diff line change @@ -8,18 +8,18 @@ status: coming-soon
88
99import { GuidesBanner } from " @/components/guides-banner" ;
1010
11- <GuidesBanner
12- title = " List vs Table vs Cards?"
13- description = " Compare data display patterns to make the right choice"
14- guidePath = " /pattern-guide/table-vs-list-vs-cards"
15- />
16-
1711<Callout type = " warning" >
1812 This page is empty for now. Please help us by
1913 [ contributing] ( https://github.com/thedaviddias/ux-patterns-for-developers/blob/main/.github/CONTRIBUTING.md )
2014 to add content.
2115</Callout >
2216
17+ <GuidesBanner
18+ title = " List vs Table vs Cards?"
19+ description = " Compare data display patterns to make the right choice"
20+ guidePath = " /pattern-guide/table-vs-list-vs-cards"
21+ />
22+
2323## Related patterns
2424
2525- Grid layout: [ Card Grid] ( /patterns/data-display/card-grid )
Original file line number Diff line number Diff line change @@ -7,18 +7,18 @@ icon: SquareCheck
77
88import { GuidesBanner } from " @/components/guides-banner" ;
99
10- <GuidesBanner
11- title = " Checkbox vs Radio vs Dropdown?"
12- description = " Compare selection patterns to make the right choice"
13- guidePath = " /pattern-guide/input-selection-guide"
14- />
15-
1610<Callout type = " warning" >
1711 This page is empty for now. Please help us by
1812 [ contributing] ( https://github.com/thedaviddias/ux-patterns-for-developers/blob/main/.github/CONTRIBUTING.md )
1913 to add content.
2014</Callout >
2115
16+ <GuidesBanner
17+ title = " Checkbox vs Radio vs Dropdown?"
18+ description = " Compare selection patterns to make the right choice"
19+ guidePath = " /pattern-guide/input-selection-guide"
20+ />
21+
2222## Related components
2323
2424- Only one selection: [ Radio button] ( /patterns/forms/radio )
Original file line number Diff line number Diff line change @@ -7,14 +7,14 @@ icon: CircleDot
77
88import { GuidesBanner } from " @/components/guides-banner" ;
99
10- <GuidesBanner
11- title = " Radio vs Checkbox vs Dropdown?"
12- description = " Compare selection patterns to make the right choice"
13- guidePath = " /pattern-guide/input-selection-guide"
14- />
15-
1610<Callout type = " warning" >
1711 This page is empty for now. Please help us by
1812 [ contributing] ( https://github.com/thedaviddias/ux-patterns-for-developers/blob/main/.github/CONTRIBUTING.md )
1913 to add content.
2014</Callout >
15+
16+ <GuidesBanner
17+ title = " Radio vs Checkbox vs Dropdown?"
18+ description = " Compare selection patterns to make the right choice"
19+ guidePath = " /pattern-guide/input-selection-guide"
20+ />
You can’t perform that action at this time.
0 commit comments