Get StartedFoundationsComponentsPatternsIntegration
01.Get Started
02.Foundations
03.Components
04.Patterns
05.Integration
Overview
Confirmation
Empty State
Form Submission

PATTERNS OVERVIEW

PreviousTooltip
ConfirmationNext
ELFBAR Design

V 0.1.0

A design system built for BMD teams.

Brand Marketing Department

Resources

  • GitHub
  • Storybook
  • Figma

Documentation

  • Changelog
  • Components
  • Tokens
  • Global market globe

Brands

  • ELFBAR Official
  • LostMary Official

Copyright © 2026 ELFBAR. All rights reserved.

Patterns are standard solutions that combine multiple base components. Following these patterns ensures consistency across the product experience and avoids repeated design decisions.

Available Patterns

Empty State

Standard handling for empty lists, zero search results, or empty page content.

Coming soon

Confirmation

Two-step confirmation pattern for dangerous actions (delete, clear) using the Dialog component.

Coming soon

Form Submission

Standard form layout, validation feedback, and submission flow using Text Field, Button, Selector, and more.

Coming soon

Filter & Search

List filtering interaction pattern using Search, Chips, and Selector in combination.

Coming soon