Documentation
  • ABLE - Design System
  • Structure
  • Themes
    • Styles
      • Ω Color Style
      • Ω Text Style
      • Ω Effect Style
      • Ω Size Dictionary
      • Ω Spacing Dictionary
      • Ω Motion Library
      • Ω Haptic Library
      • Ω Audio Library
      • Ω Time Dictionary
      • Ω Interaction Dictionary
    • Ω Icon Library
    • Ω Illustration Library
    • Ω Brand Library
  • Core
    • ε Elements
      • ε AdaptIcon
        • Θ AdaptIconBar
        • Ω AdaptIconShape
      • ε Avatar
        • Θ AvatarBar
        • Ω AvatarShape
      • Φ Badge
        • Θ Badge - Usecase
      • ε Button
        • Θ ButtonBar
      • Φ CheckboxCtrl
        • Ω CheckboxShape
      • ε Chip
        • ε ChipBar
        • Φ ChipModal
      • Φ Divider
      • ε FAB
        • Ω FABShape
      • ε Field
        • Θ FormFieldLabel
        • Θ FormFieldHelper
        • Θ FieldContainer
        • Θ FieldContent
        • Ω FieldShape
      • ε Graphic
        • ε Illustration (Canvas)
        • Θ GraphicBar
        • Θ Graphic - Status
        • ε Overlay
          • Φ OL - AdaptIcon
          • Φ OL - Avatar
          • Φ OL - Button
          • Φ OL - Icon
          • Φ OL - Sash
          • Φ OL - Stepper
          • Φ OL - Banner
          • Φ OL - Headline
      • Φ Icon
      • ε InputStepperCtrl
        • Φ InputStepperPieces
      • ε Label
      • ε ProgressCtrl
        • Φ ProgressBar
      • Φ RadioBtnCtrl
        • Ω RadioBtnShape
      • ε RatingCtrl
        • Φ RatePoint
        • Ω RatePointShape
      • ε SliderCtrl
        • Φ SliderBar
          • Ω SliderIndicator
          • Ω SliderKnob
          • Ω SliderTrack
          • Φ RulerTrack
            • Ω RulerTic
      • ε Snackbar
      • ε Paginator
        • Φ PagePoint
        • Ω PagePointShape
      • Φ SwitchCtrl
        • Ω SwitchShape
      • Φ Tab
        • Ω TabActive
      • ε ToggleCtrl
        • ε ToggleBar
        • Φ ToggleBtn
        • ε NavToggle
      • ε Tooltip
      • ε Caption
        • Θ Caption - Description
        • Θ Caption - Support
        • Θ Caption - Title
        • Θ CC - Leading
        • Θ CC - Primary
        • Θ CC - Trailing
    • Components
      • App Bar
        • Θ ABC - Leading
        • Θ ABC - Center
        • Θ ABC - Trailing
        • Θ ABC - Pieces
        • Θ AppBarExt
        • NavTab
      • Bullet
      • Button Panel
      • Content Bar
      • Form
        • Checkbox
        • ChipList
        • Input Stepper
        • Picker
          • PickView
        • Radio Button
        • Rate
        • SelectList
        • Slider
        • Switch
        • TextArea
        • Textfield
        • Toggle Button
        • UserList
        • FC - Leading
        • FC - Trailing
      • Headline
      • ListItem
        • Θ LIC - Leading
        • Θ LIC - Primary
        • Θ LIC - Trailing
      • Menu
        • Θ MC - Leading
        • Θ MC - Primary
        • Θ MC - Trailing
      • Modal
      • Paragraph
      • Section Header
      • Sheet
        • Sheet Drag
        • Sheet - Content
        • Sheet - Footer
      • Paginator Panel
      • TabBar
    • Ξ Modules
      • CardView
        • CardBar
        • CardItem
      • GridView
      • Hero
      • ListView
      • MasonryView
  • Actions
  • Contributing
    • Code of Conduct
Powered by GitBook
On this page
  1. Core
  2. Components
  3. Menu

Θ MC - Primary

PreviousΘ MC - LeadingNextΘ MC - Trailing

Last updated 9 months ago

Collection: A Menu Container(MC) is a collection of the primary (center) content of a menu. This allows us to keep those options that are possible as the primary content organized with the ability to easily add new options.

  • Parent: , , More Icons

  • Sisters: ,

  • Child: ,

Properties

  • Title - The default, single row of text.

  • Title + Subtext - The primary title text with additional helper text below to provide an additional level of clarity or context to the menu option.

  • Title + 2Subtext - Two lines below the primary title text for additional context.

  • Title + Rating - For menu options where we'd like to display a rating structure along with the option. For example, product/service ratings.

Styleguide Link
SelectList
App Bar
MC - Leading
MC - Trailing
Label
Rating - Ctrl