Components

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.)

  • 🛠️ Dropdown Select List (A dropdown with select component baked in)

  • 🛠️ 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)

  • 📦 Breadcrumbs

  • Overlay

  • Overlay Manager (ability to stack overlays, left, right, animate in and out)

  • Tree

  • 📦 Tabs

  • Typeahead

  • 🛠️ Pagination

Last updated