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

name: Teasers
description: "This includes Teasers Patterns"
group: Teasers

variants:
  teaser:
    label: 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 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

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