Skip to content

v0.2.0 - Labels / i18n Customization

Latest

Choose a tag to compare

@cdnsteve cdnsteve released this 22 Dec 05:34
· 1 commit to main since this release

What's New

Labels / i18n Customization

You can now customize all user-facing text in YearFlow without editing the source code. Perfect for internationalization or personalization!

<YearPlanner 
  year={2026}
  labels={{
    header: { title: 'Planificador Anual' },
    legend: { title: 'Categorías' },
    eventModal: { buttonAdd: 'Añadir Evento' },
    // ... any other labels
  }}
/>

New Features

  • labels prop - Pass partial label overrides for any component text
  • defaultLabels - Access all default English labels
  • mergeLabels() - Deep merge custom labels with defaults
  • useLabels() hook - Access labels from context in custom components
  • Full TypeScript support - All label types exported (PlannerLabels, HeaderLabels, etc.)

Customizable Sections

Section What you can customize
header Title, view buttons, quarter options
eventModal Form labels, placeholders, buttons
addNoteModal Form labels, placeholders, buttons
blockDayModal Labels and buttons
legend Panel title, add button, placeholder
notesPanel Title, empty states, add button
eventsPanel Title, empty state, add button
weekView Header format, navigation, month names
calendarGrid Add event tooltip, overflow text
eventBar Overflow indicator
general Loading text

See the README for full documentation.