Components
@aquera/elements package contains all components that can be clubbed with @aquera/nile for styling
x
Folder Structure
x
nile-elements
├─ demo
│ └─ index.html
├─ dist
│ ├─ src
│ │ ├─ nile-button
│ │ │ ├─ button.stories.js
│ │ │ ├─ index.js
│ │ │ ├─ index.stories.js
│ │ ├─ index.d.ts
│ │ ├─ index.js
│ │ └─ index.js.map
│ ├─ stories
│ │ ├─ button.stories.d.ts
│ │ ├─ button.stories.js
│ └─ tsconfig.tsbuildinfo
├─ src
│ ├─ nile-button
│ │ ├─ index.ts
│ │ └─ nile-button.scss
│ ├─ nile-heading
│ │ └─ index.ts
│ ├─ nile-icon
│ │ ├─ icons
│ │ │ ├─ agents.svg
│ │ │ └─ agents.ts
│ │ ├─ index.ts
│ │ └─ utils.ts
│ └─ index.ts
├─ stories
│ ├─ icons.stories.ts
│ └─ index.stories.ts
├─ test
│ └─ nile-elements.test.xts
├─ LICENSE
├─ README.md
├─ custom-elements.json
├─ package.json
├─ tsconfig.json
├─ web-dev-server.config.mjs
└─ web-test-runner.config.mjs
Tooling
- Rollup for bundling
- Lit for creating components
- tests
- storybook
How to create a new component
- create a folder with the element name inside
packages/nile-elements,packages/nile-elements/src/nile-new-element - Write tests
- Add neccesary css/scss files to