Skip to content

[Good First Issue] Add character count / validation to filename input #204

@magic-peach

Description

@magic-peach

Overview

When users can type a custom filename for download, validate it in real-time showing remaining characters and flagging invalid characters.

Task

In the filename input (once implemented):

<div>
  <input maxLength={100} value={name} onChange={...} />
  <span>{100 - name.length} chars remaining</span>
</div>

Acceptance Criteria

  • Character count shown
  • Invalid characters flagged in real-time
  • Max length enforced at 100 chars

Estimated effort: 20 minutes

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions