Skip to content

Latest commit

 

History

History
61 lines (55 loc) · 1.47 KB

README.md

File metadata and controls

61 lines (55 loc) · 1.47 KB
Raw

UI library

Overall Architecture

Components are made up out of a brain, which is a headless accessible implementation of the component. A UI component can be an Angular component or an Angular directive applied to an existing HTML element or a combination of both if the UI component is more complicated.

On top of these brain components we put our helmet. Our helmet adds SPARTAN-like swagger to our UI. Most of the time our helmets are added by applying the hlm + component name directive. An example: <button hlmBtn >...</button> this applies the SPARTAN styles to the button element.

Appearance only UI components that do not provide any other functionality are also Angular components, e.g. the <hlm-skeleton/> component allows you to build a skeleton UI.

Roadmap (37/43)

  • Accordion
  • Alert
  • Alert Dialog
  • Aspect Ratio
  • Avatar
  • Badge
  • Button
  • Calendar
  • Card
  • Checkbox
  • Collapsible
  • Combobox
  • Command
  • Context Menu
  • Data Table (needs better docs)
  • Date Picker
  • Dialog
  • Dropdown Menu
  • Hover Card
  • Icon
  • Input
  • Label
  • Menubar
  • Navigation Menu
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Skeleton
  • Slider
  • Spinner
  • Switch
  • Table (needs better docs)
  • Tabs
  • Textarea (covered by hlmInput directive)
  • Toast
  • Toggle
  • Tooltip
  • Typography