$schema: https://git.drupalcode.org/project/drupal/-/raw/HEAD/core/assets/schemas/v1/metadata.schema.json
name: Link
status: experimental
description: Link with Bootstrap Link helpers and utility classes
props:
  type: object
  required:
    - url
  properties:
    url:
      type: string
      title: URL Link
      description: URL link.
      $ref: "ui-patterns://url"
    color:
      type: string
      title: Color
      description: Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
      default: ''
      enum:
        - ''
        - primary
        - secondary
        - success
        - danger
        - warning
        - info
        - light
        - dark
        - body-emphasis
    opacity:
      type: string
      title: Opacity
      description: Change the alpha opacity of the link rgba() color value with utilities. Please be aware that changes to a color’s opacity can lead to links with insufficient contrast.
      default: ''
      enum:
        - ''
        - '10'
        - '25'
        - '50'
        - '75'
        - '100'
    underline_color:
      type: string
      title: Underline color
      description: Change the underline’s color independent of the link text color.
      default: ''
      enum:
        - ''
        - primary
        - secondary
        - success
        - danger
        - warning
        - info
        - light
        - dark
    underline_offset:
      type: string
      title: Underline offset
      description: Change the underline’s distance from your text. Offset is set in em units to automatically scale with the element’s current font-size.
      default: ''
      enum:
        - ''
        - '1'
        - '2'
        - '3'
    underline_opacity:
      type: string
      title: Underline opacity
      description: Change the underline’s opacity. Requires adding .link-underline to first set an rgba() color we use to then modify the alpha opacity.
      default: ''
      enum:
        - ''
        - '0'
        - '10'
        - '25'
        - '50'
        - '75'
        - '100'
    link_utility_classes:
      type: array
      title: Utility Classes
      default: []
      items:
        type: 'string'
      description: An array of utility classes that can be used to add extra Bootstrap utility classes or custom classes to this component.
    attributes:
      type: object
      title: Attributes
      description: HTML attributes for the containing element.
      $ref: 'ui-patterns://attributes'
slots:
  content:
    type: string
    label: Content
