Skip to content

Files

Latest commit

2e54e32 · May 23, 2023

History

History
70 lines (63 loc) · 2.43 KB

COMPONENTS.md

File metadata and controls

70 lines (63 loc) · 2.43 KB

Umbraco UI components

  • 🛠️ - WIP in ./src/components
  • 📦 - released
  • without emoji - untouched idea

Basics

  • 🛠️ Action bar (maybe just button-group, used in Cards, Lists etc. ust a round cornered box holding some buttons)
  • 📦 Avatar
  • 📦 Avatar Group
  • 📦 Badge
  • 📦 Button
  • 📦 Button Group
  • Button Grid (use for Icon selector, Colors)
  • 🛠️ Cards (One base and maybe more specific card types, concepts: Node, Media, Image, File, Folder, DocumentType, User, Member, Form, DataType, CloudProject...)
  • 🛠️ Card Grid (Show any type of card)
  • Card Grid Create Button
  • 🛠️ Caret symbol
  • 📦 Checkbox
  • Color picker
  • 🛠️ Date & Time picker
  • 🛠️ Base Dropdown (Open towards, picked entry-display and unfold-display.)
  • 🛠️ FileInput Dropzone
  • 🛠️ FileInput Input
  • 🛠️ FileInput Preview (Form data, displays one of three symbols:...)
  • 🛠️ File Symbol
  • 🛠️ Folder Symbol
  • 🛠️ Image-File Symbol (A frame on a thumbnail)
  • 🛠️ Icon
  • 🛠️ Inline create button (Vertical, Horizontal. the one from BL and MediaPicker v3)
  • 📦 Input
  • 📦 Loader
  • 🛠️ Locked part (often used for locking the Alias)
  • 🛠️ Menu item
  • 🛠️ Menu item list
  • 🛠️ More symbol ( three dots )
  • Node Display (Today called: Node-Preview, this is a base component that will be used for creating specific types for Content, Media, Image, File, Folder, DocumentType, User, Member, Form, DataType, etc.)
  • Node Display List
  • 🛠️ Overflow container
  • 🛠️ Password input
  • 📦 Progress bar
  • 📦 Progress circle
  • 📦 Radio
  • Rich text Editor
  • 📦 Single Slider
  • Range Slider
  • 📦 Tag
  • 📦 Table
  • 📦 Toggle
  • TextAreaField
  • Search input

Fragments

  • 🛠️ Dialog
  • Notification
  • Notification List
  • Tooltip
  • Tooltip button (Little i, which can be clicked to get more info)

Navigation

  • 📦 Breadcrumbs
  • Overlay
  • Overlay Manager (ability to stack overlays, left, right, animate in and out)
  • Tree
  • 📦 Tabs
  • Typeahead
  • 🛠️ Pagination