{
  "$schema": "https://json.schemastore.org/web-types",
  "name": "@vaadin/horizontal-layout",
  "version": "25.2.0-beta2",
  "description-markup": "markdown",
  "contributions": {
    "html": {
      "elements": [
        {
          "name": "vaadin-horizontal-layout",
          "description": "`<vaadin-horizontal-layout>` provides a simple way to horizontally align your HTML elements.\n\n```html\n<vaadin-horizontal-layout>\n  <div>Item 1</div>\n  <div>Item 2</div>\n</vaadin-horizontal-layout>\n```\n\n### Built-in Theme Variations\n\n`<vaadin-horizontal-layout>` supports the following theme variations:\n\nTheme variation    | Description\n-------------------|---------------\n`theme=\"margin\"`   | Applies the default amount of CSS margin for the host element\n`theme=\"padding\"`  | Applies the default amount of CSS padding for the host element\n`theme=\"spacing\"`  | Applies the default amount of CSS margin between items\n`theme=\"wrap\"`     | Items wrap to the next row when they exceed the layout width\n\n### Component's slots\n\nThe following slots are available to be set:\n\nSlot name          | Description\n-------------------|---------------\nno name            | Default slot\n`middle`           | Slot for the content placed in the middle\n`end`              | Slot for the content placed at the end\n\n### Custom CSS Properties\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property                  | Description\n-------------------------------------|-------------\n`--vaadin-horizontal-layout-margin`  | The default CSS margin applied when using `theme=\"margin\"`\n`--vaadin-horizontal-layout-padding` | The default CSS padding applied when using `theme=\"padding\"`\n`--vaadin-horizontal-layout-gap`     | The default CSS gap applied when using `theme=\"spacing\"`\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
          "attributes": [
            {
              "name": "theme",
              "description": "The theme variants to apply to the component.",
              "value": {
                "type": [
                  "string",
                  "null",
                  "undefined"
                ]
              }
            }
          ],
          "js": {
            "properties": [],
            "events": []
          }
        }
      ]
    }
  }
}