Arrastra y suelta rápidamente para cualquier experiencia en cualquier pila tecnológica
Documentación | ? Ejemplos | ? como funciona
Arrastrar y soltar pragmático es una cadena de herramientas de arrastrar y soltar de bajo nivel que permite el uso seguro y exitoso de la funcionalidad integrada de arrastrar y soltar de los navegadores. La función pragmática de arrastrar y soltar se puede utilizar con cualquier capa de vista ( react , svelte , vue , angular , etc.). La función pragmática de arrastrar y soltar está impulsando algunos de los productos más importantes de la web, incluidos Trello, Jira y Confluence.
Arrastrar y soltar pragmático consta de algunas piezas de alto nivel:
Arrastrar y soltar pragmático contiene un paquete principal y una serie de paquetes opcionales que le proporcionan las piezas para crear cualquier experiencia de arrastrar y soltar.
Estas piezas no tienen opiniones sobre el lenguaje visual o la accesibilidad, y no dependen del Atlassian Design System.
4.7kBHemos creado salidas visuales opcionales (por ejemplo, nuestro indicador de caída) para que podamos crear experiencias de usuario consistentes en Atlassian de manera súper rápida. Los consumidores que no pertenecen a Atlassian pueden utilizar estos resultados, crear los suyos propios que copien el estilo visual o tomar una dirección totalmente diferente.
No todos los usuarios pueden lograr experiencias de arrastrar y soltar basadas en punteros. Para lograr experiencias fantásticas para los usuarios de tecnología de asistencia, proporcionamos una cadena de herramientas que le permite conectar rápidamente flujos amigables de tecnología de asistencia de alto rendimiento para cualquier experiencia.
Los controles de asistencia opcionales que ofrecemos se basan en el Atlassian Design System. Si no desea utilizar Atlassian Design System, puede utilizar nuestras pautas y sustituir nuestros componentes por sus propios componentes, o puede abordar la accesibilidad de una manera diferente si así lo desea.
Este repositorio es actualmente un espejo unidireccional de nuestro monorepo interno que contiene todo el código para arrastrar y soltar de Pragmatic.
La intención de este repositorio es hacer público nuestro código, pero no aceptar contribuciones de código (en esta etapa). En el futuro, podríamos explorar la posibilidad de configurar un espejo bidireccional para que las contribuciones a este repositorio también puedan regresar a nuestro monorepo. ¡Aún puedes plantear problemas o sugerencias en este repositorio!
Toda la documentación y los paquetes npm son públicos y están disponibles para que todos los utilicen.
¡Sí! Arrastrar y soltar pragmático como un pequeño paquete básico y luego una variedad de paquetes opcionales. Algunos de los paquetes opcionales dependen de soluciones de estilo (por ejemplo, emotion ), bibliotecas de visualización (por ejemplo, react ) o de algunas salidas de Atlassian adicionales (por ejemplo, @atlaskit/tokens ). Hemos separado los paquetes opcionales que tienen otras dependencias para que puedan intercambiarse fácilmente con sus propias piezas que utilizan su propia pila tecnológica y resultados visuales.
¡Sí! Hemos creado algunas pautas de diseño que incorporan cómo queremos lograr arrastrar y soltar en nuestros productos, y algunas de esas decisiones están incorporadas en algunos paquetes opcionales. Sin embargo, eres libre de utilizar cualquier lenguaje de diseño que desees, ¡incluido el nuestro!
@atlaskit ? Los paquetes de arrastrar y soltar de Pragmatic se publican en el espacio de nombres @atlaskit en npm
import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter' ; @atlaskit es el espacio de nombres npm en el que publicamos todos nuestros paquetes públicos desde nuestro monorepo interno. Podríamos considerar la posibilidad de crear un espacio de nombres separado en el futuro solo para arrastrar y soltar con Pragmatic. Si hacemos eso, lanzaremos algunas herramientas para ayudar a las personas a cambiar automáticamente.
Hecho con amor por:
El pragmático arrastrar y soltar está sobre los hombros de gigantes, incluidas las personas que crearon las especificaciones de arrastrar y soltar, implementaron la función de arrastrar y soltar en los navegadores y las muchas bibliotecas de arrastrar y soltar que vinieron antes de esto.
