Jump to Content
DimSum Usage Guidelines
HomeUsage GuidelinesSpecifications
DimSum Usage Guidelines
Specifications
HomeUsage GuidelinesSpecifications

UI SPECIFICATIONS 2

  • Button [Filled Variant](Draft)
    • [Variant] Filled Icon
    • [Variant] Filled Icon Round
    • [Variant] Outline
    • [Variant] Outline Icon
    • [Variant] Outline Icon Round
    • [Variant] Icon
    • [Variant] Icon Round
    • [Variant] Text
  • Card
    • [Variant] Accented
    • [Composable] Card Header
    • [Composable] Card Body
    • [Composable] Card Footer
  • Checkbox (Draft)
  • Chip (Draft)
  • Combo Box Single Select
    • [Composable] Skeleton List Item
    • [Composable] Single Select List Item
    • [Composable] Group List Item
    • [Composable] Separator List item
    • [Configuration] Creatable
    • [Configuration] Inline
    • [Configuration] Only Selectable
  • Combo Box Multi Select
    • [Composable] Skeleton List Item
    • [Composable] Multi Select List Item
    • [Composable] Group List Item
    • [Composable] Separator List item
    • [Configuration] Creatable
    • [Configuration] Inline
    • [Configuration] Only Selectable
  • List Item
    • [Variant] Accented
    • [Composable]
  • Menu Button
  • Menu
    • [Composable] Skeleton
    • [Composable] Activation
    • [Composable] Single Activation
    • [Composable] Multi Activation
    • [Composable] Group Label
    • [Composable] Separator
    • [Composable] Activation with Submenu
    • [Composable] Single Activation with Submenu
    • [Composable] Multi Activation with Submenu
  • Page Header (Draft)
  • Value Pill [Variant](Draft)
    • [Composable] Removable
    • [Composable] Menu Button
    • [Composable] Single Select
    • [Composable] Multi Select
    • [Composable] Group
    • [Variant] Label Pill
    • [Variant] Small Pill
    • [Pitfalls] Invalid Examples
  • Radio Button (Draft)
  • Tabs (Draft)
    • [Composable] Tab List Primary
    • [Composable] Tab List Secondary
    • [Composable] Tab Button Primary
    • [Composable] Tab Button Secondary
    • [Composable] Tab Panel
    • [Variant] Tab Button Primary Small

UI SPECIFICATIONS 1

  • App Picker
  • Accordion
  • Banner
  • Breadcrumb
  • Button
  • Chip
  • Comment Card
  • Customization (Themeable)
  • Data Charts
    • Color
    • Bar+Stacked Bar
    • Line
    • Pie + Donut
  • DataTable
    • [POC] Data Table - Column Group Header KN & SR
  • Date/Time Inputs & Pickers
  • Drop Down Menu v2
  • Empty State
  • Filter Bar
  • Footer
  • Form Layout Block
  • Global Header
  • Group Box
  • Input Group
  • Input Text
  • Large Input Text
  • Input Mask
  • Left Navigation
  • List Delimiter
  • Live Chat
  • Message Bubble
  • Mini Header
  • Modal Slide
  • Native Select (WIP)
  • Notification Badge
  • Page Header
  • Pagination
  • Pills (filter)
  • Popover
  • Progress Indicator-Indeterminate-Circular
  • Progress Indicator-Indeterminate v2
  • Query Builder v2
  • Resizable Container
  • Ribbon
  • Search Box
  • Separator
  • Read more
  • Shuttle v2
  • Slider
  • Side Panel
  • Side Panel Bar
  • Switch
  • Tabs
  • Text Composer
  • Text Editor - WYSIWYG
  • Text Management
  • Tile
  • Toast
  • Toolbar
  • Tree View
  • Typography
  • Uploader
  • [POC] Uploader v2 Drop Zone
  • Wizard

Mobile Specifications [End of life]

  • [EOL] Accordion
  • [EOL] Banner
  • [EOL] Card
  • [EOL] Checkbox
  • [EOL] ComboBox
  • [EOL] Context Menu
  • [EOL] Empty State
  • [EOL] Form
  • [EOL] Loading Spinner
  • [EOL] Modal
  • [EOL] Page Header
  • [EOL] Pop Over
  • [EOL] Radio Button
  • [EOL] Select List
  • [EOL] Summary Page
  • [EOL] Tabs
  • [EOL] Toast Notification
  • [EOL] Tooltip
  • [EOL] Typography
  • [EOL] Wizard Indicator & Pattern
  • [EOL] Floating Action Button

Comment Card

v.1.0.2

Overview

Anatomy

Types

Dimensions

Truncation

Example

Digital Accessibility

References

UX Guideline
UX Spec: Read more / less
Basic Keyboard Functions

  • Table of Contents
    • Overview
    • Anatomy
    • Types
    • Dimensions
    • Truncation
    • Example
    • Digital Accessibility
    • References