bs_card:
  label: Card
  namespace: Molecules/Bootstrap
  use: '@molecules/tm-bs/card/card.twig'
  description: TM/Boostrap Standard Card
  libraries:
    - card_lib:
        css:
          component:
            ../styles/card.css: {weight: 10}

  fields:
    img_url:
      type: text
      label: The image url
      description: The image url
      preview: https://picsum.photos/540/260?rnd=a1
    img_alt:
      type: text
      label: The alt text
      description: The alt text
      preview: alt-text-test
    card_link:
      type: text
      label: Card link
      description: Card link
      preview: '#'
    header_content:
      type: text
      label: Header content
      description: Header content
      preview: <h2>Card title</h2>
    body_content:
      type: text
      label: Body content
      description: Body content
      preview: <p class='m-0'>Card body content. Lorem ipsum, etc, etc, etc.</p>
    footer_content:
      type: text
      label: Footer content
      description: Footer content
      preview: <button class='btn btn-primary m-0 frc'>Card body footer button</button>

  settings:
    link_scope:
      type: select
      label: Link Scope
      default_value: card
      preview: card
      description: Link Scope. This can be whole card or a section. Often this is
        none as the link is in the readmore.
      options:
        card: Whole card
        header: Header only
        body: Body only
        footer: Footer only
        top: Body and Header
        bottom: Body and Footer
    show_header:
      type: boolean
      label: Show header
      default_value: true
      preview: true
    show_footer:
      type: boolean
      label: Show footer
      default_value: true
      preview: true
    card_boardered:
      type: boolean
      label: Card with boarder
      default_value: true
      preview: true
    card_rounded:
      type: boolean
      label: Card with rounded edges
      default_value: true
      preview: true
    card_attributes:
      type: attributes
      label: Card attributes
      description: Card attributes, this can be a link
    card_class:
      type: textfield
      label: Card class
      description: Card class
    content_attributes:
      type: attributes
      label: Content attributes
      description: Content attributes
    content_class:
      type: textfield
      label: Content class
      description: Content class
