React-beautiful-dnd: Source code for examples?

[philest]

I'm trying to find the code for the examples— particularly the horizontal list examples— and can't find anything. @alexreardon Where would this be? And where would a tutorial be?

I haven't had much luck just relying on the README to build a multiple horizontal list example.

Thanks!

[alexreardon]

A horizontal list is a simple as aligning your items horizontally (such as using flex-direction: row) and then settings the Droppable > direction prop to horizontal. You will find some examples of this in our storybook

[alexreardon]

I think when we move to a more comprehensive doc solution we could look at adding a horizontal example #163

[ilyjs]

@alexreardon
I need a real working code to start.
Maybe I'm dumb, but I do not understand how to start without examples. To just copy an example and try it.
I read the dock and then read it again. Information is confused in the head without an example in which you can try to apply information from the documentation.

[Slapbox]

This should really not be closed. This looks like a great library, but I'll almost certainly never get to use it because there's just no guides.

Oh look at this cool thing!

That is cool! How do I used it?

Closed

[alexreardon]

We are implementing this as a part of our documentation site
On Sat, 12 May 2018 at 5:58 am, Slapbox [e-mail] wrote:

This should really not be closed. This looks like a great library, but
I'll almost certainly never get to use it because there's just no guides.

Oh look at this cool thing!

That is cool! How do I used it?

Closed

—
You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub
https://github.com/atlassian/react-beautiful-dnd/issues/228#issuecomment-388470380,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ACFN7ZobCVhfo44rnzQmvxAj3jZioVbcks5txe1ygaJpZM4REBby
.

[alexreardon]

We are also creating a quick start guide and video series. This issue was
closed as the source for all the examples is in the repo
On Sat, 12 May 2018 at 6:00 am, Alex Reardon [e-mail] wrote:

We are implementing this as a part of our documentation site
On Sat, 12 May 2018 at 5:58 am, Slapbox [e-mail] wrote:

This should really not be closed. This looks like a great library, but
I'll almost certainly never get to use it because there's just no guides.

Oh look at this cool thing!

That is cool! How do I used it?

Closed

—
You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub
https://github.com/atlassian/react-beautiful-dnd/issues/228#issuecomment-388470380,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ACFN7ZobCVhfo44rnzQmvxAj3jZioVbcks5txe1ygaJpZM4REBby
.

[tpdineshtp]

Even i also can not find Source for examples

[namklabs]

@tpdineshtp @Slapbox @ilyjs

The examples you see at All Examples appear to be loaded from the stories .js files here: https://github.com/atlassian/react-beautiful-dnd/tree/fc4e6380c63c9b394119937d312a2693f4e5a13b/stories

If you look at a file in /stories for the example you're interested in, you'll see that it imports a unique component for that example, such as <InteractiveElementsApp/> for the Interactive Elements example in /stories/7-interactive-elements-story.js. That component's source code will be located in /stories/src/interactive-elements.

I was in the same situation as you until I found some examples to work from. Hope this helps you out.

[webCoderJ]

Why don't provide the source code of examples , that's a faster way to get the lib start than read the api-doc and to learn your concept...

[hsluoyz]

Video is good. But I don't have time to view all the videos. I need some quick example code to start with. We should have the simplest example showcase together with the code. Like how other projects do it: https://ant.design/components/transfer/