A compact section introduction component that provides a headline, descriptive text,
and optional action buttons. Designed for introducing content sections with minimal
space usage.
Custom Element
<umd-element-section-intro>
Slots
headline - Section headline/title
actions - Call-to-action buttons or links
Default slot - Descriptive text content
Attributes
data-theme - Theme options:
dark - Dark background with light text
data-has-separator - Adds visual separator line
Example
<!-- Basic section intro --> <umd-element-section-intro> <h2slot="headline">Our Mission</h2> <p>We are committed to excellence in education and research.</p> </umd-element-section-intro>
Example
<!-- With actions and separator --> <umd-element-section-introdata-has-separator> <h2slot="headline">Get Started</h2> <p>Join our community of innovators and leaders.</p> <divslot="actions"> <ahref="/apply">Apply Now</a> <ahref="/info">Learn More</a> </div> </umd-element-section-intro>
Section Introduction (Small)
A compact section introduction component that provides a headline, descriptive text, and optional action buttons. Designed for introducing content sections with minimal space usage.
Custom Element
<umd-element-section-intro>Slots
headline- Section headline/titleactions- Call-to-action buttons or linksAttributes
data-theme- Theme options:dark- Dark background with light textdata-has-separator- Adds visual separator line