link

Information

Folder
src/components/patterns/cards-quick-links/link

Files

Schema 
// src/components/patterns/cards-quick-links/link/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /patterns/cards-quick-links/link
additionalProperties: false
type: object
required:
  - image
  - link
properties:
  image:
    type: string
    format: html
    description: /elements/image
  link:
    additionalProperties: false
    type: object
    required:
      - label
      - url
    properties:
      label:
        type: string
      url:
        format: uri-reference
        type: string
Mocks 
// src/components/patterns/cards-quick-links/link/mocks.yaml

image:
  $tpl: /elements/image
  uri: /build/assets/img/dummy/fincl-quick-links/fincl-quick-links001.png
  width: 267
  height: 178
  alt: ''
link:
  label: Window range
  url: /windows-range
Template 
// src/components/patterns/cards-quick-links/link/link.twig

<a class="CardQuickLinksLink" href="{{ link.url }}">
    {{ image }}
    <span class="CardQuickLinksLink-label">{{ link.label }}</span>
</a>

Variants

default
Open
Window range