![]() The outlines act as a visual guide to make layout debugging easier. Click once to toggle CSS outlines on all the UI elements on the page. Outline helps you spot misaligned or broken layouts. Enable the addon using the m key and hover over an element to get its dimensions, margin, and padding overlaid atop of the DOM node. Frontend developers spend a lot of time ensuring that UI implementation matches the design spec but it's trickier than ever to tell if the layout looks right. Storybook 6.3 ships with new tools to make CSS debugging a snap. □ Packaging: Modern ESM performance option.□ Frameworks: Angular 12 Ivy, Lit 2 Web Components.□ Test: Reuse stories in Jest, Testing Lib, Cypress. ![]() □ Style: measure and outline DOM elements.We're thrilled to share new visual inspection tools, utilities for reusing stories across your test suite, and revamped integrations. In 6.3, we examined the tasks UI developers do everyday – styling and testing – to see how they can be streamlined. There's already a mountain of complexity in app development, Storybook makes your job simpler by isolating UI concerns from the noise of backend, APIs, and data. It's used by Dropbox, Shopify, Stripe, and thousands more teams.ĭevelopers choose Storybook because it helps them focus on one thing: the user interface. Storybook is the industry-standard UI development workshop for components and pages.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |