@byu-oit/admissions-polymer-components

Admissions Polymer Components

Includes a set of polymer web components to be used across BYU Undergraduate Admissions web apps.

admit-heading-section

Prefaces its content with a standard header.

Attributes

• title The heading text
• collapse If set, the section is collapsible.
• is-collapsed If set, the section is collapsed.

Example

<admit-heading-section title="Admissions">
    <!-- Content goes here -->
</admit-heading-section>

admit-fieldset / admit-field

An admit-fieldset wraps any number of admit-field elements into a vertical 2-column layout with a heading.

admit-fieldset Attributes

• title The heading text
• collapse If set, the field set is collapsible.

admit-field Attributes

• label The field's label (can be omitted)
• value The field's value
• emphasis If set, the field value will be bold

Example

<admit-fieldset title="Applicant" collapse>
    <admit-field label="Name" value="John Doe"></admit-field>
    <admit-field label="Age" value="15"></admit-field>
    <admit-field label="" value="Young Applicant!" emphasis></admit-field>
</admit-heading-section>

admit-table / admit-table-row

An admit-table creates a simple data table with column headings. Each row in the table is wrapped in an admit-table-row element, and must have an equal number of sub-elements for each cell in the table.

admit-table Attributes

• columns A comma separated list of column headers. If a column doesn't require a header, set it to -. If a column header is prefixed with #, the text will be centered (good for numeric columns for example).

Example

<admit-table columns="-,Date,#Score">
    <admit-table-row>
        <span>ACT</span>
        <span>Apr 2015</span>
        <span style="text-align: center;">30</span>
    </admit-table-row>
        <admit-table-row>
        <span>SAT</span>
        <span>May 2016</span>
        <span style="text-align: center;">1400</span>
    </admit-table-row>
</admit-table>