Welcome to Elf Design System
The Elf design system establishes the essential foundations that shape the entire user interface of ANACITY. It seamlessly integrates all of our ANACITY experiences, uniting them under one comprehensive framework that ensures consistency and harmony across every interaction.
App Components
Alerts
Alerts show urgent messages needing attention; toasts show brief, less intrusive info like success or error.
Button
Trigger actions or events, such as submitting forms, opening dialogs, or navigating to other pages.
Breadcrumbs
The breadcrumbs component shows the user's location and allows quick access to previous levels.
Checkbox
Checkboxes let users select one or more options from a list, perfect for multi-selection and toggles.
Chips
Chips are small UI elements representing tags, categories, or selections. They help users quickly filter or manage items.
Input Fields
Input Fields are used for short, single-line inputs such as names, emails, and passwords.
Progress Bar
The Progress Bar shows task or process completion. It is a linear indicator used for uploads, form completion, or tracking.