seeds_ui-1.0.x-dev/components/seeds_ui_card/seeds_ui_card.component.yml

name: "Card"
description: "This includes Cards pattern "
group: "SEEDS UI"
variants:
  default:
    title: "Default"
slots:
  image:
    title: "Image"
    required: true
    description: "Image wrapper"
  title:
    title: "Title"
    required: true
    description: "Card Title"
  body:
    title: "Body"
    required: true
    description: "Body"
  link:
    title: "Link"
    required: false
    description: "Link"
props:
  type: object
  properties:
    element__wrapper:
      title: "Element Wrapper"
      description: "Change Element Wrapper"
      type: string
      enum:
        - div
        - article
      'meta:enum':
        div: "Div"
        article: "Article"
    image_scale:
      title: "image scale"
      description: "Make scaled into its wrapper"
      type: boolean
      default: false
    raduis:
      title: "Border Raduis "
      description: "Make Content Rounded"
      type: integer
      enum:
        - none
        - 2
        - 4
        - 5
        - 6
        - 12
        - 16
        - 24
        - 100
      'meta:enum':
        none: "None"
        2: "Small ( 2px )"
        4: "Regular ( 4px)"
        5: "Medium ( 6px )"
        6: "Large ( 8px )"
        12: "x-large ( 12px )"
        16: "2x-large ( 16px )"
        24: "3x-large ( 24px )"
        100: "Full ( 100% )"
    text_position:
      title: "Text Position"
      description: "Change Text Position"
      type: string
      enum:
        - justify-content-start
        - justify-content-center
        - justify-content-end
      'meta:enum':
        justify-content-start: "Start"
        justify-content-center: "Center"
        justify-content-end: "End"
    background_brightness:
      title: "Background Brightness"
      description: "Change Background Brightness"
      type: integer
      enum:
        - 0
        - 0.25
        - 0.50
        - 0.75
        - 1
      'meta:enum':
        "0": "opacity 0"
        "0.25": "opacity 0.25"
        "0.50": "opacity 0.50"
        "0.75": "opacity 0.75"
        "1": "opacity 1"
    text_color:
      title: "Text Coloring"
      description: "Change Text Coloring"
      type: string
      enum:
        - white
        - black
      'meta:enum':
        white: "White"
        black: "Black"
    extra_wrapper_class:
      type: "string"
      title: "Wrapper classes"
      description: "Add edition class beside view mode wrapper Class"  
    content_wrapper_extra_class:
      type: "string"
      title: "Content Wrapper classes"
      description: "Add edition class beside Content Wrapper"