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

name: Slider
description: "This includes Slider pattern"
group: Slider

slots:
  image:
    title: "Slider Image or video"
    description: "Image wrapper"
  title:
    title: "Slider Title"
    description: "Slider Title"
  body:
    title: "Slider Body"
    description: "Slider Body"
  link:
    title: "Slider Link"
    description: "Slider Link"

props:
  type: object
  properties:
    text_position:
      title: "Text Positioning"
      type: string
      enum:
        - absolute
        - static
      meta:enum:
        absolute: "Above"
        static: "Bottom"
      default: absolute

    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_slider.css: {}