JS Akkordeon-Komponente mittels Mithril.js. Die Komponente stellt nur die Implementierung, die Styles kommen wie immer aus dem Design-System.
Die Komponente ist Teil des Phoenix Reisen Design-Systems.
https://phoenixreisen.github.io/accordion/
Mithril wird benötigt.
npm install --save @phoenixreisen/accordion
type Attrs = {
jumpMinus: number,
items: Array<{
fas: string,
content: m.Component,
headline: m.Component | string,
type: 'primary'|'secondary',
}>,
}
const Prime = {
fas: 'ship',
type: 'primary',
headline: 'Hafen Bremen',
content: {
view() {
return (<div>PRIMARY ITEM</div>);
}
}
}
const Secondary = {
fas: 'ship',
type: 'secondary',
headline: 'Ausflug XYZ',
content: {
view() {
return (<div>GRAY SECONDARY ITEM</div>);
}
}
}
const items = [ Prime, Secondary, Secondary, Secondary ];
import Accordion from '@phoenixreisen/accordion';
// JSX
<Accordion items={[0,1,2,1,3, 0,2,2,1,3, 0,1,2,3].map(current =>
items[current]
)} />
// Hyperscript bzw. Javascript
m(Accordion, { items: [0,1,2,1,3, 0,2,2,1,3, 0,1,2,3].map(current =>
items[current]
)});
npm install
npm run test
[npm install] # Abhängigkeiten installieren
npm version [major|minor|patch] # increase version x.x.x => major.minor.patch
npm publish # upload to npm
git push
Demo kann manuell mittels Rollup gebaut werden.
[npm i]
npm run compile:example
Nach git push
automatisch zu erreichen unter:
https://phoenixreisen.github.io/accordion/