docs: Add Sortable Flex examples#559
Merged
Merged
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
github-actions
Bot
added
the
documentation
MatiPl01
force-pushed
the
docs/flex-examples
branch
from
d5d5e79 to
7b22e4b
Compare
MatiPl01
force-pushed
the
docs/flex-examples
branch
from
7b22e4b to
005c620
Compare
Add a Flex examples section that mirrors the Grid examples, with interactive examples for: auto scroll, drop indicator (default, custom style and custom component), item snap, different item sizes, touchable, custom handle, fixed items, active item portal and custom shadow. The flex/examples.mdx pointer page (which just linked to the Grid examples) is replaced by a flex/examples/ folder, analogous to grid/examples/. The drop indicator examples use theme-aware colors and the custom handle disables pointer events on the handle icon, matching the equivalent Grid examples.
MatiPl01
force-pushed
the
docs/flex-examples
branch
from
005c620 to
05b6191
Compare
Mirror the grid active item portal example, which highlights the PortalProvider and the toggle button in the displayed source.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a Flex examples section to the docs, mirroring the existing Grid examples. Previously
flex/examples.mdxjust pointed users to the Grid examples; it is now aflex/examples/folder (analogous togrid/examples/) with interactive examples:Each example is implemented with
Sortable.Flex(the children-based API) using wrapping pill items. The drop-indicator examples use theme-aware colours (visible in light and dark mode) and the custom-handle example disables pointer events on the handle icon — consistent with the equivalent Grid examples.There are no result videos yet (the Grid examples have them); the interactive demos serve as the result.
Testing
yarn build(Docusaurus production build) passes.prettier --check,eslint, andtscpass on all new files.