Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
128 lines (122 loc) · 8.58 KB
/
Copy pathindex.html
File metadata and controls
128 lines (122 loc) · 8.58 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>AngularCSS examples</title>
<link rel="shortcut icon" type="image/png" href="./images/favicon.ico" />
<link rel="stylesheet" href="./docs/static/css/preflight.css" />
<link rel="stylesheet" href="./docs/static/css/site.css" />
</head>
<body>
<header class="angularcss-home">
<h1>AngularCSS</h1>
<p>
HTML-first styles and focused components for AngularTS. Every entry
links directly to a functional, locally bundled HTML page.
</p>
<nav aria-label="Developer index navigation">
<a href="#catalog">Browse the catalog</a>
<a href="./examples/bookings/">Open the bookings example</a>
</nav>
</header>
<main id="catalog" class="angularcss-home-catalog">
<header>
<h2>Catalog</h2>
<p>Native HTML first; TypeScript only where coordinated behavior requires it.</p>
</header>
<section class="component-catalog-group">
<h2>Foundations</h2>
<ul class="component-catalog-list">
<li><a href="./docs/static/examples/components/direction.html"><span>direction</span></a></li>
</ul>
</section>
<section class="component-catalog-group">
<h2>Elements</h2>
<ul class="component-catalog-list">
<li><a href="./docs/static/examples/components/button.html"><span>button</span></a></li>
<li><a href="./docs/static/examples/components/checkbox.html"><span>checkbox</span></a></li>
<li><a href="./docs/static/examples/components/dialog.html"><span>dialog</span></a></li>
<li><a href="./docs/static/examples/components/input.html"><span>input</span></a></li>
<li><a href="./docs/static/examples/components/kbd.html"><span>kbd</span></a></li>
<li><a href="./docs/static/examples/components/label.html"><span>label</span></a></li>
<li><a href="./docs/static/examples/components/progress.html"><span>progress</span></a></li>
<li><a href="./docs/static/examples/components/radio-group.html"><span>radio-group</span></a></li>
<li><a href="./docs/static/examples/components/range.html"><span>range</span></a></li>
<li><a href="./docs/static/examples/components/scroll-area.html"><span>scroll-area</span></a></li>
<li><a href="./docs/static/examples/components/select.html"><span>select</span></a></li>
<li><a href="./docs/static/examples/components/separator.html"><span>separator</span></a></li>
<li><a href="./docs/static/examples/components/switch.html"><span>switch</span></a></li>
<li><a href="./docs/static/examples/components/table.html"><span>table</span></a></li>
<li><a href="./docs/static/examples/components/textarea.html"><span>textarea</span></a></li>
</ul>
</section>
<section class="component-catalog-group">
<h2>Patterns</h2>
<ul class="component-catalog-list">
<li><a href="./docs/static/examples/components/accordion.html"><span>accordion</span></a></li>
<li><a href="./docs/static/examples/components/alert.html"><span>alert</span></a></li>
<li><a href="./docs/static/examples/components/aspect-ratio.html"><span>aspect-ratio</span></a></li>
<li><a href="./docs/static/examples/components/avatar.html"><span>avatar</span></a></li>
<li><a href="./docs/static/examples/components/badge.html"><span>badge</span></a></li>
<li><a href="./docs/static/examples/components/breadcrumb.html"><span>breadcrumb</span></a></li>
<li><a href="./docs/static/examples/components/button-group.html"><span>button-group</span></a></li>
<li><a href="./docs/static/examples/components/card.html"><span>card</span></a></li>
<li><a href="./docs/static/examples/components/chart.html"><span>chart</span></a></li>
<li><a href="./docs/static/examples/components/description-list.html"><span>description-list</span></a></li>
<li><a href="./docs/static/examples/components/disclosure.html"><span>disclosure</span></a></li>
<li><a href="./docs/static/examples/components/empty.html"><span>empty</span></a></li>
<li><a href="./docs/static/examples/components/field.html"><span>field</span></a></li>
<li><a href="./docs/static/examples/components/file-upload.html"><span>file-upload</span></a></li>
<li><a href="./docs/static/examples/components/filter-bar.html"><span>filter-bar</span></a></li>
<li><a href="./docs/static/examples/components/input-group.html"><span>input-group</span></a></li>
<li><a href="./docs/static/examples/components/input-otp.html"><span>input-otp</span></a></li>
<li><a href="./docs/static/examples/components/item.html"><span>item</span></a></li>
<li><a href="./docs/static/examples/components/pagination.html"><span>pagination</span></a></li>
<li><a href="./docs/static/examples/components/popover.html"><span>popover</span></a></li>
<li><a href="./docs/static/examples/components/skeleton.html"><span>skeleton</span></a></li>
<li><a href="./docs/static/examples/components/spinner.html"><span>spinner</span></a></li>
<li><a href="./docs/static/examples/components/stepper.html"><span>stepper</span></a></li>
<li><a href="./docs/static/examples/components/toggle.html"><span>toggle</span></a></li>
<li><a href="./docs/static/examples/components/toggle-group.html"><span>toggle-group</span></a></li>
<li><a href="./docs/static/examples/components/validation-summary.html"><span>validation-summary</span></a></li>
</ul>
</section>
<section class="component-catalog-group">
<h2>Components</h2>
<ul class="component-catalog-list">
<li><a href="./docs/static/examples/components/calendar.html"><span>calendar</span></a></li>
<li><a href="./docs/static/examples/components/carousel.html"><span>carousel</span></a></li>
<li><a href="./docs/static/examples/components/combobox.html"><span>combobox</span></a></li>
<li><a href="./docs/static/examples/components/command.html"><span>command</span></a></li>
<li><a href="./docs/static/examples/components/context-menu.html"><span>context-menu</span></a></li>
<li><a href="./docs/static/examples/components/dropdown-menu.html"><span>dropdown-menu</span></a></li>
<li><a href="./docs/static/examples/components/hover-card.html"><span>hover-card</span></a></li>
<li><a href="./docs/static/examples/components/menubar.html"><span>menubar</span></a></li>
<li><a href="./docs/static/examples/components/navigation-menu.html"><span>navigation-menu</span></a></li>
<li><a href="./docs/static/examples/components/range-slider.html"><span>range-slider</span></a></li>
<li><a href="./docs/static/examples/components/resizable.html"><span>resizable</span></a></li>
<li><a href="./docs/static/examples/components/sidebar.html"><span>sidebar</span></a></li>
<li><a href="./docs/static/examples/components/tabs.html"><span>tabs</span></a></li>
<li><a href="./docs/static/examples/components/toast.html"><span>toast</span></a></li>
<li><a href="./docs/static/examples/components/toolbar.html"><span>toolbar</span></a></li>
<li><a href="./docs/static/examples/components/tooltip.html"><span>tooltip</span></a></li>
<li><a href="./docs/static/examples/components/tree.html"><span>tree</span></a></li>
</ul>
</section>
<section class="component-catalog-group">
<h2>Recipes</h2>
<ul class="component-catalog-list">
<li><a href="./docs/static/examples/components/alert-dialog.html"><span>alert-dialog</span></a></li>
<li><a href="./docs/static/examples/components/application-shell.html"><span>application-shell</span></a></li>
<li><a href="./docs/static/examples/components/data-table.html"><span>data-table</span></a></li>
<li><a href="./docs/static/examples/components/date-picker.html"><span>date-picker</span></a></li>
<li><a href="./docs/static/examples/components/drawer.html"><span>drawer</span></a></li>
<li><a href="./docs/static/examples/components/form-layout.html"><span>form-layout</span></a></li>
<li><a href="./docs/static/examples/components/master-detail.html"><span>master-detail</span></a></li>
<li><a href="./docs/static/examples/components/sheet.html"><span>sheet</span></a></li>
</ul>
</section>
</main>
</body>
</html>