UNPKG

ember-aria-tabs

Version:

An accessible and easy tab component for Ember.js

ember-adopted-addons.github.io/ember-aria-tabs

ember-adopted-addons/ember-aria-tabs

68 lines (45 loc) • 2.04 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
ember-aria-tabs ============================================================================== [![Build Status](https://github.com/concordnow/ember-aria-tabs/actions/workflows/main.yml/badge.svg?branch=master)](https://github.com/concordnow/ember-aria-tabs/actions/workflows/main.yml) [![Ember Observer Score](https://emberobserver.com/badges/ember-aria-tabs.svg)](https://emberobserver.com/addons/ember-aria-tabs) [![This project is using Percy.io for visual regression testing.](https://percy.io/static/images/percy-badge.svg)](https://percy.io/concordnow/ember-aria-tabs) An accessible and easy tab component for EmberJS. Documentation can be found [here](https://concordnow.github.io/ember-aria-tabs/) Compatibility ------------------------------------------------------------------------------ * Ember.js v3.20 or above (CI-validated up to v5.12 LTS; v6.x install-only pending an ember-cli bump) * Ember CLI v3.20 or above * Node.js v20 or above * ember-auto-import >= 2 Installation ------------------------------------------------------------------------------ ``` ember install ember-aria-tabs ``` Usage ------------------------------------------------------------------------------ Here is a basic example: ```hbs <AriaTabs as |at|> <at.tabList as |tl|> <tl.tab>Title 1</tl.tab> <tl.tab>Title 2</tl.tab> </at.tabList> <at.tabPanel> <h2>Any content 1</h2> </at.tabPanel> <at.tabPanel> <h2>Any content 2</h2> </at.tabPanel> </AriaTabs> ``` You can find more examples [here](https://concordnow.github.io/ember-aria-tabs/#/docs/examples). Thanks ------------------------------------------------------------------------------ * [react-tabs](https://github.com/reactjs/react-tabs) Contributing ------------------------------------------------------------------------------ See the [Contributing](CONTRIBUTING.md) guide for details. License ------------------------------------------------------------------------------ This project is licensed under the [MIT License](LICENSE.md).