seeds_tailwind-1.0.x-dev/components/sui_teaser_2col/sui_teaser_2col.ui_patterns.yml

name: "2 Col Teasers"
description: "This includes Left and Right Patterns"
group: Teasers

variants:
  left_teaser:
    label: "Left Teaser"
  right_teaser:
    label: "Right Teaser"

slots:
  image:
    title: "Image"
    description: "Image wrapper"
  title:
    title: "Title"
    description: "Teaser Title"
  body:
    title: "Body"
    description: "Body"
  link:
    title: "Link"
    description: "Link"

props:
  type: object
  properties:
    image_scale:
      title: "Image Scale"
      description: "Make image scaled into its wrapper"
      type: boolean
      default: false
    raduis:
      title: "Border Radius"
      description: "Make Content Rounded"
      type: string
      enum:
        - none
        - sm
        - regular
        - md
        - lg
        - xl
        - 2xl
        - 3xl
        - full
      meta:enum:
        none: "None"
        sm: "Small (2px)"
        regular: "Regular (4px)"
        md: "Medium (6px)"
        lg: "Large (8px)"
        xl: "X-Large (12px)"
        2xl: "2X-Large (16px)"
        3xl: "3X-Large (24px)"
        full: "Full (100%)"
      default: none
    extra_wrapper_class:
      title: "Wrapper Classes"
      description: "Add edition class beside view mode wrapper Class"
      type: string
      default: ""
    row_classes:
      title: "Content Row Classes"
      type: string
      default: "grid grid-cols-2 max-lg:grid-cols-2 max-sm:grid-cols-1"
    image_col_classes:
      title: "Image Column Classes"
      type: string
      default: "col-span-1"
    content_col_classes:
      title: "Content Column Classes"
      type: string
      default: "col-span-1"

libraries:
  seeds_display:
    css:
      component:
        css/sui_teaser_2col.css: {}