Bridgeman-Accessible/ba-web-components
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Slight adjustment to tab styles + added spinner component
All checks were successful
Build, Test, and Publish (to Private NPM Registry) UI Components Library / publish (push) Successful in 1m2s
Details

Browse source
This commit is contained in:
Alan Bridgeman 2026-05-19 21:36:00 -05:00
parent d85419a0d8
commit d95bdda9ec
11 changed files with 407 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

36
test-harness/views/spinner.ejs Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spinner Test</title>
<link rel="stylesheet" type="text/css" href="<%= componentsStyleHref %>">
<script src="<%= componentsScriptSrc %>"></script>
</head>
<body>
<main style="padding: 20px;">
<h1>Spinner Test</h1>
<p>The following is an example of a spinner component. It indicates a loading or processing state.</p>
<section>
<h2>Default Spinner</h2>
<%- useComponent('spinner', { id: 'example-spinner', content: 'Loading...' }) %>
</section>
<section>
<h2>Inline Spinner</h2>
<%- useComponent('spinner', { id: 'inline-spinner', content: 'Loading...', inline: true }) %>
</section>
<section>
<h2>Slow Spinner</h2>
<%- useComponent('spinner', { id: 'slow-spinner', content: 'Loading...', speed: 'slow' }) %>
</section>
<section>
<h2>Fast Spinner</h2>
<%- useComponent('spinner', { id: 'fast-spinner', content: 'Loading...', speed: 'fast' }) %>
</section>
<section>
<h2>Slow Inline Spinner</h2>
<%- useComponent('spinner', { id: 'slow-inline-spinner', content: 'Loading...', inline: true, speed: 'slow' }) %>
</section>
</main>
</body>
</html>