@lrnwebcomponents/responsive-grid/custom-elements.json

Automated conversion of responsive-grid/

{
  "version": 1,
  "tags": [
    {
      "name": "responsive-grid-clear",
      "description": "`responsive-grid-clear`\nA clearumn for the responsive grid\n\nAttributes:\n\n  * `xl` {`boolean`} - clear the float and force a new worw on an extra-large screen?\n\n  * `lg` {`boolean`} - clear the float and force a new worw on a large screen?\n\n  * `md` {`boolean`} - clear the float and force a new worw on a medium screen?\n\n  * `sm` {`boolean`} - clear the float and force a new worw on a small screen?\n\n  * `xs` {`boolean`} - clear the float and force a new worw on an extra-small screen?\n\nProperties:\n\n  * `xl` {`boolean`} - clear the float and force a new worw on an extra-large screen?\n\n  * `lg` {`boolean`} - clear the float and force a new worw on a large screen?\n\n  * `md` {`boolean`} - clear the float and force a new worw on a medium screen?\n\n  * `sm` {`boolean`} - clear the float and force a new worw on a small screen?\n\n  * `xs` {`boolean`} - clear the float and force a new worw on an extra-small screen?",
      "attributes": [
        {
          "name": "xl",
          "description": "`xl` {`boolean`} - clear the float and force a new worw on an extra-large screen?\n\nProperty: xl\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "lg",
          "description": "`lg` {`boolean`} - clear the float and force a new worw on a large screen?\n\nProperty: lg\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "md",
          "description": "`md` {`boolean`} - clear the float and force a new worw on a medium screen?\n\nProperty: md\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "sm",
          "description": "`sm` {`boolean`} - clear the float and force a new worw on a small screen?\n\nProperty: sm\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "xs",
          "description": "`xs` {`boolean`} - clear the float and force a new worw on an extra-small screen?\n\nProperty: xs\n\nDefault: false",
          "valueSet": "v"
        }
      ]
    },
    {
      "name": "responsive-grid-col",
      "description": "`responsive-grid-col`\nA column for the responsive grid\n\nAttributes:\n\n  * `xl` {`number`} - the width when viewed on an extra large screen\n\n  * `lg` {`number`} - the width when viewed on a large screen\n\n  * `md` {`number`} - the width when viewed on a medium screen\n\n  * `sm` {`number`} - the width when viewed on a small screen\n\n  * `xs` {`number`} - the width when viewed on an extra-small screen\n\nProperties:\n\n  * `xl` {`number`} - the width when viewed on an extra large screen\n\n  * `lg` {`number`} - the width when viewed on a large screen\n\n  * `md` {`number`} - the width when viewed on a medium screen\n\n  * `sm` {`number`} - the width when viewed on a small screen\n\n  * `xs` {`number`} - the width when viewed on an extra-small screen",
      "attributes": [
        {
          "name": "xl",
          "description": "`xl` {`number`} - the width when viewed on an extra large screen\n\nProperty: xl\n\nDefault: 1"
        },
        {
          "name": "lg",
          "description": "`lg` {`number`} - the width when viewed on a large screen\n\nProperty: lg\n\nDefault: 1"
        },
        {
          "name": "md",
          "description": "`md` {`number`} - the width when viewed on a medium screen\n\nProperty: md\n\nDefault: 1"
        },
        {
          "name": "sm",
          "description": "`sm` {`number`} - the width when viewed on a small screen\n\nProperty: sm\n\nDefault: 1"
        },
        {
          "name": "xs",
          "description": "`xs` {`number`} - the width when viewed on an extra-small screen\n\nProperty: xs\n\nDefault: 1"
        }
      ]
    },
    {
      "name": "responsive-grid-row",
      "description": "`responsive-grid-row`\nA LRN element\n\nEvents:\n\n  * `responsive-element` {`CustomEvent<{ element: this; attribute: string; relativeToParent: boolean; }>`} - \n\n  * `screen-changed` {`CustomEvent<{ value: any; }>`} - \n\nAttributes:\n\n  * `xl` {`number`} - Custom extra-large breakpoint\n\n  * `lg` {`number`} - Custom large breakpoint\n\n  * `md` {`number`} - Custom medium breakpoint\n\n  * `sm` {`number`} - Custom small breakpoint\n\n  * `xs` {`number`} - Custom x-small breakpoint\n\n  * `gutter` {`number`} - the gutter-level for the columns from 0-4\n\n  * `responsive-to-parent` {`boolean`} - make responsive based on a container instead of the window\n\n  * `screen` {`string`} - screen size: xs, sm, md, lg, or xl\n\nProperties:\n\n  * `xl` {`number`} - Custom extra-large breakpoint\n\n  * `lg` {`number`} - Custom large breakpoint\n\n  * `md` {`number`} - Custom medium breakpoint\n\n  * `sm` {`number`} - Custom small breakpoint\n\n  * `xs` {`number`} - Custom x-small breakpoint\n\n  * `gutter` {`number`} - the gutter-level for the columns from 0-4\n\n  * `responsiveToParent` {`boolean`} - make responsive based on a container instead of the window\n\n  * `screen` {`string`} - screen size: xs, sm, md, lg, or xl",
      "attributes": [
        {
          "name": "xl",
          "description": "`xl` {`number`} - Custom extra-large breakpoint\n\nProperty: xl\n\nDefault: null"
        },
        {
          "name": "lg",
          "description": "`lg` {`number`} - Custom large breakpoint\n\nProperty: lg\n\nDefault: null"
        },
        {
          "name": "md",
          "description": "`md` {`number`} - Custom medium breakpoint\n\nProperty: md\n\nDefault: null"
        },
        {
          "name": "sm",
          "description": "`sm` {`number`} - Custom small breakpoint\n\nProperty: sm\n\nDefault: null"
        },
        {
          "name": "xs",
          "description": "`xs` {`number`} - Custom x-small breakpoint\n\nProperty: xs\n\nDefault: null"
        },
        {
          "name": "gutter",
          "description": "`gutter` {`number`} - the gutter-level for the columns from 0-4\n\nProperty: gutter\n\nDefault: 0"
        },
        {
          "name": "responsive-to-parent",
          "description": "`responsive-to-parent` {`boolean`} - make responsive based on a container instead of the window\n\nProperty: responsiveToParent\n\nDefault: false",
          "valueSet": "v"
        },
        {
          "name": "screen",
          "description": "`screen` {`string`} - screen size: xs, sm, md, lg, or xl\n\nProperty: screen\n\nDefault: xs"
        },
        {
          "name": "onresponsive-element",
          "description": "`responsive-element` {`CustomEvent<{ element: this; attribute: string; relativeToParent: boolean; }>`} - "
        },
        {
          "name": "onscreen-changed",
          "description": "`screen-changed` {`CustomEvent<{ value: any; }>`} - "
        }
      ]
    }
  ],
  "globalAttributes": [],
  "valueSets": []
}