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

name: Accordion
description: "Render content in a box that expands and collapses vertically."
group: Accordion

slots:
  title:
    title: "Accordion Title"
    description: "Accordion Title"
  content:
    title: "Accordion Content"
    description: "Accordion Content"

props:
  type: object
  properties:
    raduis:
      title: "Border Radius"
      description: "Make Content Rounded"
      type: string
      enum:
        - none
        - sm
        - regular
        - md
        - lg
        - xl
        - 2xl
        - 3xl
      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)"
      default: none

    icon_style:
      title: "Icon Style"
      type: string
      enum:
        - arrow
        - plus
      meta:enum:
        arrow: "Arrow icon"
        plus: "Plus icon"
      default: arrow

    icon_color:
      title: "Icon Color"
      type: string
      default: "#595959"

libraries:
  accordion:
    css:
      component:
        css/accordion.css: {}
    js:
      js/sui-accordion.js: {}
    dependencies:
      - core/drupal
      - core/once
      - core/jquery