@byu-oit/admissions-polymer-components
Advanced tools
Includes a set of polymer web components to be used across BYU Undergraduate Admissions web apps.
Includes a set of polymer web components to be used across BYU Undergraduate Admissions web apps.
The simplest way to install the component is with Bower. Run bower install admissions-polymer-components and the necesary files will be installed in a bower_components
directory.
To use the components, include the web component loader polyfill and the desired components.
...
<head>
...
<script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="../admit-fieldset.html">
<link rel="import" href="../admit-heading-section.html">
<link rel="import" href="../admit-table.html">
<link rel="import" href="../admit-table-row.html">
...
</head>
Prefaces its content with a standard header.
title The heading textsubsection If set, the section uses a smaller heading size, and can't be collapsed.collapse If set, the section is collapsible.is-collapsed If set, the section is collapsed.<admit-heading-section title="Admissions">
<!-- Content goes here -->
</admit-heading-section>
An admit-fieldset wraps any number of admit-field elements into a vertical 2-column layout with
a heading. For multi-column layouts, you may use admit-fieldset-row elements instead.
admit-fieldset Attributestitle The heading textcollapse If set, the field set is collapsible.admit-field Attributeslabel The field's label (can be omitted)value The field's valueemphasis If set, the field value will be bold<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>
Using multi-column layout:
<admit-fieldset title="Clearances" collapse>
<admit-fieldset-row>
<span class="label">Endorsement</span>
<span>Not Endorsed</span>
<a class="action">clear</a>
</admit-fieldset-row>
<admit-fieldset-row>
<span class="label">Dept Interest Flag</span>
<span>Music</span>
<a class="action">remove</a>
</admit-fieldset-row>
<admit-fieldset-row>
<span class="label"></span>
<span>Math</span>
<a class="action">remove</a>
</admit-fieldset-row>
<admit-fieldset-row>
<span class="label"></span>
<span></span>
<a class="action">+add flag</a>
</admit-fieldset-row>
</admit-heading-section>
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 Attributescolumns 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).<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>
Creates a simple circle with one of 5 color values.
admit-color-circle Attributescolor-index The color assigned to the circle.
These values can be configured with the css variables --admit-color-circle-color[0-5].
Default values are:
active Indicates that this circle is active<admit-color-circle color-index="0" on-click="setValue(0)"></admit-color-circle>
<admit-color-circle color-index="1" on-click="setValue(1)"></admit-color-circle>
<admit-color-circle color-index="2" active on-click="setValue(2)"></admit-color-circle>
<admit-color-circle color-index="3" on-click="setValue(3)"></admit-color-circle>
<admit-color-circle color-index="4" on-click="setValue(4)"></admit-color-circle>
FAQs
Includes a set of polymer web components to be used across BYU Undergraduate Admissions web apps.
The npm package @byu-oit/admissions-polymer-components receives a total of 2 weekly downloads. As such, @byu-oit/admissions-polymer-components popularity was classified as not popular.
We found that @byu-oit/admissions-polymer-components demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 8 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers have discovered multiple malicious npm packages targeting Solana private keys, abusing Gmail to exfiltrate the data and drain Solana wallets.
Security News
PEP 770 proposes adding SBOM support to Python packages to improve transparency and catch hidden non-Python dependencies that security tools often miss.
Security News
Socket CEO Feross Aboukhadijeh discusses open source security challenges, including zero-day attacks and supply chain risks, on the Cyber Security Council podcast.