dsfr4drupal-1.x-dev/components/tile/tile.component.yml

name: DSFR - Tile
description: The tile is a shortcut or entry point that redirects users to content pages. It is usually part of a collection or list of similar tiles. The tile is never presented in isolation.
status: stable
group: DSFR
variants:
  sm:
    title: Small
    description: Component small size
  md:
    title: Medium
    description: Component medium size (default)
props:
  properties:
    attributes:
      type: Drupal\Core\Template\Attribute
      title: Attributes
    description:
      type: string
      title: Description
    detail:
      type: string
      title: Detail
    disabled:
      type: boolean
      title: Is disabled?
      default: false
    enlarge_button:
      type: boolean
      title: Enlarge button?
      description: Extend the button to the whole card. Will not be used for cards with footer.
      default: false
    enlarge_link:
      type: boolean
      title: Enlarge link?
      description: Extend the link to the whole tile.
      default: false
    file_assess:
      type: boolean
      title: File assess
      default: false
      description: Evaluate the file (in "href" attribute) to automatically generate file details (type, size and language).
    has_icon:
      type: boolean
      title: Has icon?
      default: true
    link_attributes:
      type: Drupal\Core\Template\Attribute
      title: Link attributes
    grey_hover:
      type: boolean
      label: Grey background?
      description: Adds grey background on tile hover.
    horizontal:
      type: boolean
      title: Horizontal tile?
      default: false
    image:
      type: string
      title: Image
      description: A pictogram as SVG or an image. Do not forget to add class "fr-responsive-img" for image.
    is_download:
      type: boolean
      title: Is a download tile?
      default: false
    tags_badges:
      type: string
      title: Tags badges
    title:
      type: string
      title: Title
    title_tag:
      type: string
      title: Title HTML tag
      default: h3
    url:
      type: string
      title: Link URL
    use_button:
      type: boolean
      title: Use button?
      description: Use button instead of link.
      default: false
  required:
    - title
libraryOverrides:
  dependencies:
    - dsfr4drupal/component.tile