<div class="news">
<div class="news__container">
<h3 class="news__title">News</h3>
<div class="returns__filters">
<form class="filters">
<div class="filters__list">
<div class="filters__list-item">
<div class="text-field--light text-field-search--light is-initialized" data-disable-text-field-js>
<div class="text-field__wrapper text-field-search__wrapper">
<input class="text-field__input text-field-search__input" id="searchTerm" type="text" name="searchTerm" placeholder="Suche in Einträgen" />
<label class="visually-hidden" for="searchTerm">Suche in Einträgen</label>
<button type="reset" class="text-field-search__reset"></button>
<button type="submit" class="text-field-search__search"></button>
<div class="text-field-search__loader ">
<div class="loading-spinner -vertical -horizontal">
<div class="loading-spinner__spinner--small"></div>
</div>
</div>
</div>
</div>
</div>
<div class="filters__list-item">
<div class="text-field--light date-picker--light is-initialized" data-disable-text-field-js data-language="" data-format="" data-min-date="" data-max-date="">
<div class="text-field__wrapper date-picker__wrapper">
<input class="text-field__input date-picker__input" id="dateFrom" type="text" name="dateFrom" />
<label class="text-field__label date-picker__label" for="dateFrom">Datum von</label>
<button type="reset" class="date-picker__reset"></button>
</div>
</div>
</div>
<div class="filters__list-item">
<div class="text-field--light date-picker--light is-initialized" data-disable-text-field-js data-language="" data-format="" data-min-date="" data-max-date="">
<div class="text-field__wrapper date-picker__wrapper">
<input class="text-field__input date-picker__input" id="dateTo" type="text" name="dateTo" />
<label class="text-field__label date-picker__label" for="dateTo">Datum bis</label>
<button type="reset" class="date-picker__reset"></button>
</div>
</div>
</div>
<div class="filters__list-buttons">
<div class="filters__list-button--reset">
<button class="button--tertiary-light-small" value="yes" type="reset">Zurücksetzen</button>
</div>
<div class="filters__list-button--submit">
<button class="button--primary-small" value="yes" type="submit">Suchen</button>
</div>
</div>
</div>
</form>
</div>
<div class="news__group">
<div class="news__group-title">
<div class="news__icon-wrapper ">
<button type="button" class="news__icon">
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img news__icon-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
<div>10.10.2023</div>
</div>
<div class="news__entries">
<div class="news__entry">
<a href="https://example.com" target="_blank" class="news__entry-title">Bosch, Shimano & Co.: E-Motor Marktübersicht 2023!</a>
<div class="news__entry-description">Der Markt an E-Motoren ist in den letzten Jahren ziemlich unübersichtlich geworden. Grund genug für uns, hier einmal Licht ins Dunkel zu bringen! Was taugen die Aggregate von Bosch und Shimano? Und wie schlagen sich die Konkurrenten wie Pinion, Yamaha, Brose und Co.?</div>
</div>
<div class="news__entry">
<a href="https://example.com" target="_blank" class="news__entry-title">Die neue Shimano 105 Schaltgruppe</a>
<div class="news__entry-description">Mit den neuen mechanischen 12-fach-Komponenten der Shimano 105 Serie bietet der Hersteller Rennrad-Enthusiasten, die Wert auf ein zuverlässiges und einfach zu wartendes Schaltsystem auf einem preislich attraktiven Niveau legen. </div>
</div>
</div>
</div>
<div class="news__group">
<div class="news__group-title">
<div class="news__icon-wrapper ">
<button type="button" class="news__icon">
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img news__icon-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
<div>03.10.2023</div>
</div>
<div class="news__entries">
<div class="news__entry">
<a href="https://example.com" target="_blank" class="news__entry-title">Bosch, Shimano & Co.: E-Motor Marktübersicht 2023!</a>
<div class="news__entry-description">Der Markt an E-Motoren ist in den letzten Jahren ziemlich unübersichtlich geworden. Grund genug für uns, hier einmal Licht ins Dunkel zu bringen! Was taugen die Aggregate von Bosch und Shimano? Und wie schlagen sich die Konkurrenten wie Pinion, Yamaha, Brose und Co.?</div>
</div>
</div>
</div>
<div class="news__group">
<div class="news__group-title">
<div class="news__icon-wrapper news__icon-wrapper--without-icon">
</div>
<div>27.09.2023</div>
</div>
<div class="news__entries">
<div class="news__entry">
<a href="https://example.com" class="news__entry-title">Bosch, Shimano & Co.: E-Motor Marktübersicht 2023!</a>
<div class="news__entry-description"></div>
</div>
</div>
</div>
<div class="news__group">
<div class="news__group-title">
<div class="news__icon-wrapper news__icon-wrapper--without-icon">
</div>
<div>12.09.2023</div>
</div>
<div class="news__entries">
<div class="news__entry">
<a href="https://example.com" class="news__entry-title">Bosch, Shimano & Co.: E-Motor Marktübersicht 2023!</a>
<div class="news__entry-description">Der Markt an E-Motoren ist in den letzten Jahren ziemlich unübersichtlich geworden. Grund genug für uns, hier einmal Licht ins Dunkel zu bringen! Was taugen die Aggregate von Bosch und Shimano? Und wie schlagen sich die Konkurrenten wie Pinion, Yamaha, Brose und Co.?</div>
</div>
</div>
</div>
<div class="news__group">
<div class="news__group-title">
<div class="news__icon-wrapper news__icon-wrapper--without-icon">
</div>
<div>04.09.2023</div>
</div>
<div class="news__entries">
<div class="news__entry">
<a href="https://example.com" class="news__entry-title">Bosch, Shimano & Co.: E-Motor Marktübersicht 2023!</a>
<div class="news__entry-description">Der Markt an E-Motoren ist in den letzten Jahren ziemlich unübersichtlich geworden. Grund genug für uns, hier einmal Licht ins Dunkel zu bringen! Was taugen die Aggregate von Bosch und Shimano? Und wie schlagen sich die Konkurrenten wie Pinion, Yamaha, Brose und Co.?</div>
</div>
<div class="news__entry">
<a href="https://example.com" class="news__entry-title">Die neue Shimano 105 Schaltgruppe</a>
<div class="news__entry-description">Mit den neuen mechanischen 12-fach-Komponenten der Shimano 105 Serie bietet der Hersteller Rennrad-Enthusiasten, die Wert auf ein zuverlässiges und einfach zu wartendes Schaltsystem auf einem preislich attraktiven Niveau legen. </div>
</div>
</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/bricks/components/news/news.twig' %}
{
"headingLevel": "3",
"title": "News",
"resetButton": {
"title": "Zurücksetzen"
},
"submitButton": {
"title": "Suchen"
},
"filters": {
"searchTerm": {
"id": "searchTerm",
"label": "Suche in Einträgen",
"value": ""
},
"dateFrom": {
"id": "dateFrom",
"label": "Datum von",
"value": "",
"language": "",
"format": "",
"minDate": "",
"maxDate": ""
},
"dateTo": {
"id": "dateTo",
"label": "Datum bis",
"value": "",
"language": "",
"format": "",
"minDate": "",
"maxDate": ""
}
},
"groups": [
{
"date": "10.10.2023",
"image": {
"src": "/example-assets/images/specials/new.svg",
"alt": ""
},
"entries": [
{
"title": "Bosch, Shimano & Co.: E-Motor Marktübersicht 2023!",
"description": "Der Markt an E-Motoren ist in den letzten Jahren ziemlich unübersichtlich geworden. Grund genug für uns, hier einmal Licht ins Dunkel zu bringen! Was taugen die Aggregate von Bosch und Shimano? Und wie schlagen sich die Konkurrenten wie Pinion, Yamaha, Brose und Co.?",
"href": "https://example.com",
"newTab": true
},
{
"title": "Die neue Shimano 105 Schaltgruppe",
"description": "Mit den neuen mechanischen 12-fach-Komponenten der Shimano 105 Serie bietet der Hersteller Rennrad-Enthusiasten, die Wert auf ein zuverlässiges und einfach zu wartendes Schaltsystem auf einem preislich attraktiven Niveau legen. ",
"href": "https://example.com",
"newTab": true
}
]
},
{
"date": "03.10.2023",
"image": {
"src": "/example-assets/images/specials/new.svg",
"alt": ""
},
"entries": [
{
"title": "Bosch, Shimano & Co.: E-Motor Marktübersicht 2023!",
"description": "Der Markt an E-Motoren ist in den letzten Jahren ziemlich unübersichtlich geworden. Grund genug für uns, hier einmal Licht ins Dunkel zu bringen! Was taugen die Aggregate von Bosch und Shimano? Und wie schlagen sich die Konkurrenten wie Pinion, Yamaha, Brose und Co.?",
"href": "https://example.com",
"newTab": true
}
]
},
{
"date": "27.09.2023",
"entries": [
{
"title": "Bosch, Shimano & Co.: E-Motor Marktübersicht 2023!",
"href": "https://example.com"
}
]
},
{
"date": "12.09.2023",
"entries": [
{
"title": "Bosch, Shimano & Co.: E-Motor Marktübersicht 2023!",
"description": "Der Markt an E-Motoren ist in den letzten Jahren ziemlich unübersichtlich geworden. Grund genug für uns, hier einmal Licht ins Dunkel zu bringen! Was taugen die Aggregate von Bosch und Shimano? Und wie schlagen sich die Konkurrenten wie Pinion, Yamaha, Brose und Co.?",
"href": "https://example.com"
}
]
},
{
"date": "04.09.2023",
"entries": [
{
"title": "Bosch, Shimano & Co.: E-Motor Marktübersicht 2023!",
"description": "Der Markt an E-Motoren ist in den letzten Jahren ziemlich unübersichtlich geworden. Grund genug für uns, hier einmal Licht ins Dunkel zu bringen! Was taugen die Aggregate von Bosch und Shimano? Und wie schlagen sich die Konkurrenten wie Pinion, Yamaha, Brose und Co.?",
"href": "https://example.com"
},
{
"title": "Die neue Shimano 105 Schaltgruppe",
"description": "Mit den neuen mechanischen 12-fach-Komponenten der Shimano 105 Serie bietet der Hersteller Rennrad-Enthusiasten, die Wert auf ein zuverlässiges und einfach zu wartendes Schaltsystem auf einem preislich attraktiven Niveau legen. ",
"href": "https://example.com"
}
]
}
]
}
import './news.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/bricks/components/news/news";
No notes defined.