TronUi

UI Component Library built with Angular for Angular. This library follows the atomic design principles.

Atoms (uni-tron):

- Button
- Input
- Checkbox
- Radio button
- Select dropdown
- Text area
- Typography (e.g., heading, paragraph)
- Icon
- Loader
- Badge
- Tooltip
- Modal
- Progress bar
- Divider
- Avatar
- Spinner
- Switch
- Slider
- Toggle button
- Stepper
- Chip
- Tag

Molecules (multi-tron):

- Form field (input + label + validation)
- Button group (multiple buttons)
- Dropdown menu (button + dropdown)
- Toggle switch (switch + label)
- Slider with range (slider + min/max labels)
- Avatar with name (avatar + text)
- Chip group (multiple chips)

Organisms (omni-tron):

- Navigation bar (logo + menu)
- Sidebar (menu + content)
- Card (image + title + description + button)
- Modal dialog (modal + content + buttons)
- Tabs (tab navigation + tab content)

Currently supported components:

Under active development

• Card Component
• Button Component

Usable Components

• 👻