🦋 Iana-UI

Vue 3 UI component library. Features a collection of customizable, accessible components. All components are developed, tested, and documented using Storybook, providing an interactive playground for development and design consistency.

Components

• Button
• Accordion
• Upload
• Select
• OTP
• Tip
• Checkbox
• Input
• Overlay
• Modal

Directives

• click-outside

📖 Documentation

Full documentation and examples available in Storybook.

Storybook Demo (via Chromatic)

Or run it locally:

yarn storybook dev

or

npx storybook dev -p 9009

Icon Support

The library includes Material Design Icons (MDI). When using components that accept icons, simply use the mdi- prefix followed by the icon name.

Project setup

yarn

Compiles for development

yarn dev

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).