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

name: Card
description: "This includes Cards pattern"
group: Card

variants:
  default:
    label: "Default"
  animated:
    label: "Animated Card"

slots:
  image:
    title: "Image"
    description: "Image wrapper"
  title:
    title: "Title"
    description: "Card 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

    text_position:
      title: "Text Positioning"
      type: string
      enum:
        - justify-start
        - justify-center
        - justify-end
      meta:enum:
        justify-start: "Top"
        justify-center: "Center"
        justify-end: "Bottom"
      default: justify-end

    background_brightness:
      title: "Background Brightness"
      type: string
      enum:
        - "0"
        - "0.1"
        - "0.2"
        - "0.3"
        - "0.4"
        - "0.5"
        - "0.6"
        - "0.7"
        - "0.8"
        - "0.9"
      meta:enum:
        "0": "opacity 0"
        "0.1": "opacity 0.1"
        "0.2": "opacity 0.2"
        "0.3": "opacity 0.3"
        "0.4": "opacity 0.4"
        "0.5": "opacity 0.5"
        "0.6": "opacity 0.6"
        "0.7": "opacity 0.7"
        "0.8": "opacity 0.8"
        "0.9": "opacity 0.9"
      default: "0.5"

    text_color:
      title: "Text Coloring"
      type: string
      enum:
        - white
        - black
      meta:enum:
        white: "White"
        black: "Black"
      default: white

    extra_wrapper_class:
      title: "Wrapper Classes"
      description: "Add edition class beside view mode wrapper Class"
      type: string

    content_wrapper_extra_class:
      title: "Content Wrapper Classes"
      description: "Add edition class beside Content Wrapper"
      type: string

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