{
    "title": "Content - Introduction",
    "tag": "ilw-content-introduction",
    "github": "https://github.com/web-illinois/ilw-content/",
    "type": "web component",
    "element-name": "ilw-content",
    "description": "The Content component with the introduction mode enabled. Note that the emphasized piece needs to be in an emphasized tag",
    "builder-version": "1.3",
    "version": "1.3",
    "date": "04/30/2026",
    "css": "https://cdn.toolkit.illinois.edu/ilw-content/1.3/ilw-content.css",
    "js": "https://cdn.toolkit.illinois.edu/ilw-content/1.3/ilw-content.js",
    "production": true,
    "notes": "",
    "parent-style": "margin: 0 auto; max-width: 1200px;",
    "samples": [
         {
             "name": "default",
             "description": "Default content",
             "text": "<p><em>Discover your path, define your future.</em></p><p>No matter what path brought you to ACES, we're glad you're here. A strong education is just a stepping stone to <a href=\"#\" target=\"_blank\">all of the incredible opportunities</a> that await you.</p><p>Join us in changing your future and the world <a href=\"#\">when you accept your ACES admission</a>.</p>"
         },
         {
            "name": "noemphasis",
            "description": "No emphasis",
            "text": "<p>Discover your path, define your future.</p><p>No matter what path brought you to ACES, we're glad you're here. A strong education is just a stepping stone to all of the incredible opportunities that await you.</p><p>Join us in changing your future and the world <a href=\"#\">when you accept your ACES admission</a>.</p>"
        }
    ],
    "attributes-fixed": [
        {
            "name": "mode",
            "description": "Mode of the component",
            "depreciated": false,
            "value": "introduction"
        }
    ],
    "attributes-text": [
        {
            "name": "padding",
            "description": "Padding of the text inside the component",
            "depreciated": false,
            "value": ""
        }
    ],
    "attributes": [
        {
            "name": "theme",
            "description": "Color theme used",
            "depreciated": false,
            "values": [
                "",
                "blue",
                "orange",
                "blue-gradient",
                "orange-gradient",
                "gray"
            ]
        },
        {
            "name": "width",
            "description": "Width of component",
            "depreciated": false,
            "values": [
                "",
                "full",
                "auto",
                "page"
            ]
        },
        {
            "name": "align",
            "description": "Alignment of the text inside the component, defaults to left",
            "depreciated": false,
            "values": [
                "",
                "center",
                "right"
            ]
        }
    ],
    "classes-fixed": [],
    "classes": [],
    "css-variables": [
        {
            "name": "--ilw-content--narrow-max-width",
            "depreciated": false,
            "description": "Size of the max width of the element in CSS length"
        },
        {
            "name": "--ilw-content--narrow-padding",
            "depreciated": false,
            "description": "Size of the padding of the element in CSS length"
        }
    ]
}