-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy pathindex.html
More file actions
82 lines (77 loc) · 2.62 KB
/
Copy pathindex.html
File metadata and controls
82 lines (77 loc) · 2.62 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Basic Web Components</title>
<link rel="stylesheet" href="packages/demos/demos.css">
<style>
li {
margin-bottom: 0.5em;
}
</style>
</head>
<body>
<p>
The Basic Web Components project seeks to provide a comprehensive set of
solid, well-designed web components that implement very common user
interface patterns. Each component can be used as is, or as the foundation
for new components.
</p>
<p>
See the main
<a href="https://github.com/basic-web-components/basic-web-components">Basic Web Components</a>
repository for details.
</p>
<h3>Demos</h3>
<p>
For now, this placeholder site just hosts demos of the project's top-level
components.
</p>
<ul>
<li>
<a href="packages/basic-animation-stage">basic-animation-stage</a><br>
A panel that shows animated transitions between selection states.
</li>
<li>
<a href="packages/basic-autosize-textarea">basic-autosize-textarea</a><br>
A text area that expands to contain its text.
</li>
<li>
<a href="packages/basic-carousel">basic-carousel</a><br>
Lets the user navigate laterally through a sequence of child elements.
</li>
<li>
<a href="packages/basic-collapsible-panel">basic-collapsible-panel</a><br>
A panel which can be expanded/collapsed with an animated transition.
</li>
<li>
<a href="packages/basic-current-anchor">basic-current-anchor</a><br>
An anchor (link) that highlights itself when its destination matches the
current location.
</li>
<li>
<a href="packages/basic-list-box">basic-list-box</a><br>
A single-selection list box that supports selection highlighting (using
the system highlight color) and keyboard navigation.
</li>
<li>
<a href="packages/basic-slideshow">basic-slideshow</a><br>
Slideshow with animated transitions.
</li>
<li>
<a href="packages/basic-sliding-carousel">basic-sliding-carousel</a><br>
A simpler version of basic-carousel (above) with lower requirements.
</li>
<li>
<a href="packages/basic-tabs">basic-tabs</a><br>
A set of pages with a tab strip governing which page is shown.
</li>
</ul>
<p>
The project also includes an extensive series of
<a href="https://github.com/basic-web-components/basic-web-components/tree/master/packages/basic-component-mixins">web component mixins</a> and
auxiliary components you can use to create your own custom elements.
</p>
</body>
</html>