Skip to content

feat: add Input component with variants and icon support#23

Merged
devswithme merged 1 commit into
fydemy:mainfrom
IchwanArdi:feat/add-input-component
Dec 13, 2025
Merged

feat: add Input component with variants and icon support#23
devswithme merged 1 commit into
fydemy:mainfrom
IchwanArdi:feat/add-input-component

Conversation

@IchwanArdi

Copy link
Copy Markdown
Contributor

Description

Adds a new Input component with comprehensive features:

  • Support for 7 input types (text, email, password, number, tel, url, search)
  • 3 variants (default, error, success)
  • Icon support (left/right position)
  • Label and helper text
  • Error message display
  • Disabled and readonly states
  • Full TypeScript type safety
  • Accessible with ARIA attributes
  • Dark mode support

Changes

New Files:

  • ui/public/trakteer/input/index.tsx - Input component
  • ui/public/trakteer/input/index.css - Input styling
  • ui/content/docs/components/input.mdx - Documentation

Features:

  • ✅ Variants: default, error, success
  • ✅ Icon support with lucide-react
  • ✅ Label and helper text
  • ✅ Error message
  • ✅ Disabled & readonly states
  • ✅ Dark mode support
  • ✅ Accessible (ARIA attributes)

Testing

  • Tested on development server (pnpm dev)
  • Tested all variants
  • Tested with icons
  • Tested disabled and readonly states
  • Tested dark mode
  • Documentation complete with examples
  • No TypeScript errors
  • No linter errors

@vercel

vercel Bot commented Dec 11, 2025

Copy link
Copy Markdown

@IchwanArdi is attempting to deploy a commit to the devswithme's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Dec 13, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
fydemy-ui Error Error Dec 13, 2025 1:31pm

@devswithme

Copy link
Copy Markdown
Collaborator

Thanks IchwanArdi for contributing the new component!

@devswithme devswithme merged commit b55d752 into fydemy:main Dec 13, 2025
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants