ComponentesComponents

Explorador de archivos

Selecciona, busca y lee archivos locales de texto/CSV.

DiseñoDesign: MITherramienta · densidaddensity media · sobriaMarkdownJSON

CódigoCode

<section class="work-card" aria-label="Explorador de archivos"><h2>Archivos de trabajo</h2><label>Añadir archivos de texto o CSV<input data-files type="file" accept=".txt,.md,.csv" multiple></label><label>Buscar archivo<input data-search type="search"></label><ul data-list></ul><pre data-content>Elige un archivo para leerlo aquí.</pre><p role="status" data-status></p></section>

«Todo» trae tokens, dependencias y componente en un solo archivo, listo para abrir o dárselo a un agente.“All” bundles tokens, dependencies and the component in one file, ready to open or hand to an agent.

InstalaciónInstallation

  1. Agrega una vezAdd once tokens.css (colores, radios, tema oscuro).(colors, radii, dark theme).
  2. Copia los archivos:Copy the files: file-explorer.html, file-explorer.css, file-explorer.js.
  3. Para el tema oscuro, pon la claseFor the dark theme, add the class dark ento <html>.

Cuándo usarloWhen to use it

ÚsaloUse it

  • Selecciona, busca y lee archivos locales de texto/CSV.
  • Selecciona, busca y lee archivos locales de texto/CSV.

Mejor noAvoid

  • Los ejemplos no se conectan a cuentas ni guardan archivos en un servidor.
  • Examples do not connect accounts or save files to a server.

AccesibilidadAccessibility

region
Tab EnterRecorre y activa los controlesNavigate and activate controls
  • Errores y resultados se anuncian con role=status.
  • Errors and results use role=status.

CréditosCredits