UI Components Walkthrough
Oh My Etch is released!
Go to https://ohmyetch.com/ and jump into the world of flexible profesional components and facets! :)
In this video I want to make a slow chilled walkthrough the UI components. I'm also epxlaining more about the plugin architecture, how things are build and how it will grow.
Enjoy!
00:00 Plugin Launch – Announcement of the Omi Edge release and where to find it
01:40 Accessing the Dashboard – Sidebar icon, docs, and settings
02:54 UI vs Facet Components – Overview and license management
04:01 Design Philosophy – Component families for full flexibility
07:33 Building Custom Blocks – Wrapping skeletons into your own components
09:21 Accordion Setup – Mapping labels and content with repeaters
13:12 Automatic Updates – Syncing accessibility and structure
16:34 JavaScript & Performance – TS, minification, browser caching
21:36 Carousel Component – Synced IDs, future features
27:47 Dialog (Modal) – Accessibility, focus trapping
31:51 Managing Families – Disabling and resetting styles
34:01 Drawer & Documentation – Built-in docs and placement
36:13 Lightbox – Thumbnails vs full preview
38:20 Tabs – Default indexes and complex layouts
41:53 Navigation Menu – Mega menu + mobile system
48:07 Mega Menu Selectors – Container-based width control
51:00 Mobile Menu Logic – Auto structure parsing
57:05 Custom Events – Triggering JS (animations etc.)