{
    "title": "Content",
    "tag": "ilw-content",
    "github": "https://github.com/web-illinois/ilw-content/",
    "type": "web component",
    "element-name": "ilw-content",
    "description": "The Content component.",
    "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": "<h1>Education Overview</h1>\n\r<p>Education plays a vital role in shaping individuals and societies. It provides <a href=\"#\">knowledge, skills, and critical thinking abilities</a>.</p>\n\r<h2>Primary Education</h2>\n\r<p><em>Primary education</em> is the foundation of learning, where students develop <a href=\"#\" target=\"_blank\">basic literacy and numeracy skills</a>.</p>\n\r<h3>Secondary Education</h3>\n\r<p>During <strong>secondary education</strong>, students expand their understanding across subjects like science, mathematics, and literature.</p>\n\r<h4>Higher Education</h4>\n\r<p>Higher education includes universities and colleges that offer specialized knowledge and professional training.</p>\n\r<h5>Online Learning</h5>\n\r<p>With the rise of technology, <em>online learning</em> platforms provide flexible opportunities for students worldwide.</p>\n\r<h6>Lifelong Learning</h6>\n\r<p><strong>Lifelong learning</strong> encourages continuous development beyond formal education.</p>\n\r<h2>Key Subjects</h2>\n\r<ul><li>Mathematics</li>\n\r<li>Science</li>\n\r<li>Language Arts</li>\n\r<li>Social Studies</li></ul>\n\r<h2>Steps to Academic Success</h2>\n\r<ol><li>Set clear goals</li>\n\r<li>Develop a study schedule</li>\n\r<li>Engage actively in class</li>\n\r<li>Review and practice regularly</li></ol>\n\r<h2>Sample Course Schedule</h2>\n\r<table><thead><tr><th>Course</th>\n\r<th>Instructor</th>\n\r<th>Credits</th></tr></thead>\n\r<tbody><tr><td>Introduction to Biology</td>\n\r<td>Dr. Smith</td>\n\r<td>3</td></tr>\n\r<tr><td>Algebra I</td>\n\r<td>Prof. Johnson</td>\n\r<td>4</td></tr>\n\r<tr><td>World History</td>\n\r<td>Dr. Lee</td>\n\r<td>3</td></tr></tbody></table>"
        }
    ],
    "attributes-fixed": [],
    "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--main-margin",
            "depreciated": false,
            "description": "Size of the content margin in CSS length"
        }
    ]
}