CSV Import | Zyeon UI

Preview in your theme

Empty state — drop or pick a real .csv to walk the whole flow yourself

Comma, semicolon, tab or pipe separated. Quoted fields may contain the delimiter, line breaks and doubled "" quotes.

onImport → not called yet

Quoted commas, an embedded line break and a doubled "" escape — 3 records over 5 physical lines

3 rows · 4 columnsSeparatorauto-detected: Comma

all columns mapped

onImport → not called yet

European export: BOM + quoted headers + semicolons + CRLF — separator auto-detected, headers still auto-mapped

3 rows · 4 columnsSeparatorauto-detected: Semicolon

all columns mapped

onImport → not called yet

Ragged rows: line 3 has 3 cells, line 5 has 5, line 4 is blank, line 6 is missing a required name

2 rows do not have 4 columns — line 3 (3), 5 (5). Missing cells import as empty; cells past the last header column are dropped.
1 blank line skipped.

4 rows · 4 columnsSeparatorauto-detected: Comma

all columns mapped

onImport → not called yet

5,000 rows, previewRows={10} — the table renders 10 rows, the counts stay honest

5,000 rows · 5 columnsSeparatorauto-detected: Comma

all columns mapped

onImport → not called yet

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.