michalzadkowski, 15 days ago to random

Looking for a Storybook alternative that will work nicely with next.js and server-side components and _app router.
#frontend #storybook #nextjs

mobileatom, 18 days ago to random

Storybook 8.1 Brings Easier Story And Test Creation. #storybook #WebComponents

https://tomaszs2.medium.com/storybook-8-1-brings-easier-story-and-test-creation-4026c8131d26?utm_source=flipboard&utm_medium=activitypub

Posted into Responsive Design, UX, UI, and more @responsive

cirrus, 1 month ago to typescript

Been going down a rabbit hole today trying to get #Lit, #TypeScript, #CustomElement manifests and #Storybook to all hold hands and sing kumbaya.

Send help.

How's your day going?

e0ipso, 3 months ago to drupal

I wrote an article about some of my recent Open Source contribution. I hope this clarifies some things.

The New #Storybook Module for #Drupal | Lullabot
https://www.lullabot.com/articles/new-storybook-module-drupal

The New Storybook Module for Drupal (www.lullabot.com)

How the new Storybook.js module works, improvements over previous attempts and why they were needed, and the basics of setting it up.

andre, 3 months ago to svelte

Thanks to the amazing effort by @laxla we can now inspect #Anvil in proper Hebrew:

https://anvil.codeberg.page/anvil/?path=/story/organisms-loginform--plain&globals=locale:he

I broke a little with #SvelteKit idioms here insofar as I have Pages merely pass a context object into a #Svelte component.

This in turn allows me to utilise #Storybook to describe the interface in different configurations (I have tests in place as well).

It's still early days but we tackle one page at a time to build up this #Federated #Forge (F2 for short).

In case you are interested in translating, hit me up. Be warned that things might move around or get dropped. I prefer early feedback to easily correct course if needed.

e0ipso, 3 months ago to drupal

Super stoked about the positive feedback on the #Storybook #Drupal module. https://www.drupal.org/project/storybook

However, if you try it and find rough edges, do not hesitate to create an issue about it!

andre, 4 months ago to svelte

Slightly (ahem) frustrated that my #Svelte component behaves differently than the example component in #Storybook.

Couldn't figure out why the docstring and type wasn't extracted. The args aren't even shown as properties!

I'm sure it's something stupidly simple.
But I don't see it 🙈

Help appreciated. Boost okay.

Code: https://codeberg.org/Ryuno-Ki/Anvil/src/branch/storybook/stories/atoms/Avatar.stories.ts

Storybook: https://anvil.codeberg.page/anvil/?path=/docs/atoms-avatar--docs

e0ipso, 4 months ago to drupal

After learning more of the #Storybook internals I am happy to announce the Storybook #Drupal module.

You can now put your #Twig inside of storybook!

I show the setup and how to use it in 5 min (no sound needed). Skip to the 3:30 to see it in action.

https://video.mateuaguilo.com/w/1c4GzseoZQCag19hrMUpQK

alternativeto, 6 months ago to random

Storybook has released the final version in the 7 series, #Storybook 7.6, which focuses on enhancing performance, user experience, and integrations with frontend tools. It introduces advanced SWC support, new test utilities, a fast build mode, and more…
https://alternativeto.net/news/2023/12/storybook-7-6-has-been-released-with-enhanced-performance-ux-and-integrations/

deborahh, 7 months ago (edited 7 months ago) to random

Wow! Excited for Molly's book!

🌱🌷 🧚‍♀️ 🧚🏾‍♂️ 🚪🌳🧚🏿 🧚🏻 🌻🌿

Create some magic where you live, too!
All it takes is a little love :progress:

From @mckra1g on #kickstarter
#childrensLit #storybook #whatToRead #librarydon #booksstodon https://mastodon.social/@mckra1g/111346415782533800

Suns, 9 months ago to random

Have a challenge of unit testing of #xtermjs based cli app. The trick is to make #StoryBook a base for unit tests, run CLI in IFRAME and use in-browser test runner. @web/test-runner is the current choice so far. Kudos to https://modern-web.dev

That is why:

stevecrox, 10 months ago to webdev

I am trying to write a Bootstrap equivalent to Material React Table using the Bootstrap framework.

As part of that I want to implement a series of Storybook examples to confirm I haven't broken rendering. But I am hitting an issue.

I am using generics to define the table objects so I can setup more complex calls and operations like so:

export type RBTColumnDefs<TData extends Record<string, any> = {}> = RBTColumnSizing & { accessorFn?: (originalRow: TData) => string; accessorKey?: keyof TData; }

I've created a basic data object type and constructed test data, however when I use storybook e.g.:

const meta = { title: 'react-bootstrap-table/Table Menu Bar', component: RBTMenuBar, tags: ['autodocs'], args: { ...searchableArgsRBTData, }, } satisfies Meta<typeof RBTMenuBar>;

Storybook will instantiate RBTMenuBar with the generic type {}, instead of the generic type I want the default arguments to contain.

Does anyone know how you get around this?

#react #storybook #webdev #bootstrap

nhoizey, 11 months ago to react French

Who would have thought linking to another Web page was so difficult… 🤷‍♂️

https://github.com/storybookjs/storybook/issues/8618

#DesignSystem #React #Storybook

⚓️ https://nicolas-hoizey.com/notes/2023/06/21/1/