Dark mode
Search
Menü
Global
Form
Accordion
AuthorMeta
Avatar
Banner
Button
ButtonLink
Breadcrumb
Caption
CardAction
CardCore
Carousel
ContentBlock
Drawer
Divider
FilterTags
Heading
Icon Content
IconDisplay
Icon UI
InlineLink
Link
LinkButton
ListIcon
ListLink
Logo
LogoItem
Metric
Overline
Pagination
Pattern
Popover
Quote
Skeleton
Skrim
Table
Tabs
Tag
TagLine
Text
Drawer
Controlled overlay panels for filtering and compact status updates with slot-based content and footer actions.
Available components
Controlled filter drawer
Filter öffnen
Filter öffnen
Filter drawer
Schliessen
Choose the filters you want to keep active for this overview.
Solar production
Grid updates
Mobility services
Storage planning
Zurücksetzen
Zurücksetzen
Bestätigen
Bestätigen
Controlled filter drawer
Filter öffnen
Filter öffnen
Filter drawer
Schliessen
Choose the filters you want to keep active for this overview.
Solar production
Grid updates
Mobility services
Storage planning
Zurücksetzen
Zurücksetzen
Bestätigen
Bestätigen
Long title drawer
Open long-title drawer
Open long-title drawer
Controlled drawer with a very long title that wraps across multiple lines on small screens
Schliessen
This variant uses a deliberately long headline so the mobile header wraps and stays easy to drag even when the title spans multiple lines.
Try opening it on a narrow viewport to verify the full header shell remains the swipe target.
Close
Close
Long title drawer
Open long-title drawer
Open long-title drawer
Controlled drawer with a very long title that wraps across multiple lines on small screens
Schliessen
This variant uses a deliberately long headline so the mobile header wraps and stays easy to drag even when the title spans multiple lines.
Try opening it on a narrow viewport to verify the full header shell remains the swipe target.
Close
Close
About this example
Server-rendered with Next.js App Router
Stencil components with @stencil/ssr
Declarative shadow DOM for hydration
BKW Design System
BKW Design System
50 Components
Reusable components ready to build with today.
Design System
Repository
Board
Storybook
Agencies
muse case
Strichpunkt
campfire
Instagram
Facebook
BKW
Press Releases
muse case
Strichpunkt
campfire