Files
egutierrez 47fac22230 chore: auto-commit (799 archivos)
- .claude/CLAUDE.md
- .claude/commands/subagentes.md
- .claude/rules/INDEX.md
- .mcp.json
- bash/functions/cybersecurity/analyze_dns.md
- bash/functions/cybersecurity/audit_http_headers.md
- bash/functions/cybersecurity/audit_ssh_config.md
- bash/functions/cybersecurity/check_firewall.md
- bash/functions/cybersecurity/detect_suspicious_users.md
- bash/functions/cybersecurity/encrypt_file.md
- ...

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-14 00:28:20 +02:00

1.6 KiB

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, framework, props, output, tested, tests, test_file_path, file_path, emits, has_state, variant
name kind lang domain version purity signature description tags uses_functions uses_types returns returns_optional error_type imports framework props output tested tests test_file_path file_path emits has_state variant
timeline component ts ui 1.0.0 impure FnTimeline(props: FnTimelineProps): JSX.Element Timeline vertical con items, iconos y colores. Wrapper sobre Mantine Timeline.
mantine
timeline
history
events
component
ui
pendiente-usar
false
@mantine/core
react
name type required description
items { title: string; description?: string; icon?: ReactNode; color?: string; time?: string }[] true Items de la timeline con titulo, descripcion, icono, color y timestamp
name type required description
active number false Indice del item activo, default -1 (ninguno)
name type required description
bulletSize number false Tamano del bullet en px, default 20
Timeline vertical con bullets, titulos, timestamps y descripciones false
frontend/functions/ui/timeline.tsx
false

Ejemplo

import { FnTimeline } from '@fn_library'

<FnTimeline
  active={1}
  items={[
    { title: 'Creado', time: '2024-01-01', icon: <IconCheck size={12} /> },
    { title: 'En progreso', description: 'Pipeline ejecutando', color: 'blue' },
    { title: 'Completado' },
  ]}
/>

Notas

Wrapper sobre Mantine Timeline. Recibe array declarativo de items. El time se muestra como texto dimmed debajo del titulo. Items despues de active se muestran como inactivos.