Documentation
Kitchen Sink documentation of style: 'Delos' of skin: 'ILIAS'
UIComponent
Description
- Purpose
- What is to be done by this control
- Composition
- What happens if the control is operated
- Effect
- What happens if the control is operated
- Background
- Relevant academic information
- Context
- The context states where this control is used specifically (this list might not be complete) and how common is this control used
Rivals
- Rival 1
- What other controls are similar, what is their distinction
Rules
- Usage
- Where and when an element is to be used or not.
- Interaction
- How the interaction with this object takes place.
- Wording
- How the wording of labels or captions must be.
- Ordering
- How different elements of this instance are to be ordered.
- Style
- How this element should look like.
- Responsiveness
- How this element behaves on changing screen sizes
- Accessibility
- How this element is made accessible
Relations
- Descendants
- Counter
- Image
- Player
- Divider
- Link
- Button
- Dropdown
- Breadcrumbs
- View Control
- Chart
- Input
- Card
- Deck
- Listing
- Panel
- Item
- Modal
- Popover
- Dropzone
- Legacy
- Table
- Message Box
- Layout
- Main Controls
- Tree
- Menu
- Symbol
- Toast
- Launcher
- Help Topics
- Entity
- Status
- Novelty
- Standard
- Responsive
- Audio
- Video
- Horizontal
- Vertical
- Standard
- Bulky
- Standard
- Primary
- Close
- Minimize
- Shy
- Month
- Tag
- Bulky
- Toggle
- Standard
- Mode
- Section
- Sortation
- Pagination
- Scale Bar
- Progress Meter
- Bar
- Standard
- Fixed Size
- Mini
- Vertical
- Horizontal
- Field
- Container
- View Control
- Text
- Numeric
- Group
- Optional Group
- Switchable Group
- Section
- Checkbox
- Tag
- Password
- Select
- Textarea
- Radio
- Multi Select
- Date Time
- Duration
- File
- Url
- Link
- Hidden
- Color Picker
- Markdown
- Form
- Filter
- View Control
- Standard
- Standard
- Standard
- Field Selection
- Sortation
- Pagination
- Group
- Standard
- Repository Object
- Unordered
- Ordered
- Descriptive
- Workflow
- Characteristic Value
- Entity
- Property
- Step
- Linear
- Text
- Standard
- Standard
- Sub
- Report
- Listing
- Secondary
- Standard
- Listing
- Legacy
- Standard
- Shy
- Group
- Notification
- Interruptive
- Interruptive Item
- Roundtrip
- Lightbox
- Lightbox Image Page
- Lightbox Text Page
- Lightbox Card Page
- Standard
- Key Value
- Standard
- Listing
- File
- Standard
- Wrapper
- Presentation
- Data
- Column
- Action
- Text
- Number
- Date
- Status
- Status Icon
- Boolean
- Time Span
- Link
- Link Listing
- Standard
- Single
- Multi
- Failure
- Success
- Info
- Confirmation
- Page
- Alignment
- Standard
- Horizontal
- Vertical
- Evenly Distributed
- Dynamically Distributed
- Meta Bar
- Main Bar
- Slate
- Footer
- Mode Info
- System Info
- Legacy
- Combined
- Notification
- Drilldown
- Node
- Expandable
- Simple
- Bylined
- Key Value
- Drilldown
- Sub
- Icon
- Glyph
- Avatar
- Standard
- Custom
- Settings
- Collapse
- Expand
- Add
- Remove
- Up
- Down
- Back
- Next
- Sort Ascending
- Sort Descending
- Briefcase
- User
- Notification
- Tag
- Note
- Comment
- Like
- Love
- Dislike
- Laugh
- Astounded
- Sad
- Angry
- Eyeclosed
- Eyeopen
- Attachment
- Reset
- Apply
- Search
- Help
- Calendar
- Time
- Close
- More
- Disclosure
- Language
- Login
- Logout
- Bulletlist
- Numberedlist
- Listindent
- Listoutdent
- Filter
- Collapse Horizontal
- Header
- Italic
- Bold
- Link
- Launch
- Picture
- Letter
- Standard
- Container
- Inline
- Standard