Skip to content

DAUB v2.3.0 — Layout System, Navbar & Developer Experience

Choose a tag to compare

@sliday sliday released this 28 Feb 21:47
· 361 commits to main since this release

What's New

74 components. Layout system, navbar, and developer experience improvements.

New Components

  • Navbar — Sticky top app bar with brand, nav links, spacer, actions, and mobile hamburger toggle
  • Card Media — db-card--media variant for edge-to-edge images without padding fights
  • Chip Active — db-chip--active state with data-db-chip-toggle container for filter chips
  • Avatar Group — db-avatar-group overlapping stack with __overflow counter
  • Search Input — db-search with icon prefix and auto-show clear button

Layout & Responsive

  • Grid 4/5/6 — db-grid--4, db-grid--5, db-grid--6 with tablet breakpoint (1024px)
  • Responsive visibility — db-hide-mobile, db-show-mobile, db-hide-tablet, db-show-tablet, db-hide-desktop, db-show-desktop
  • Container variants — db-container--wide (1200px), db-container--narrow (640px)

JS Improvements

  • Modal API normalization — Both openModal and closeModal now accept string ID or element reference
  • Icon integration — DAUB.refreshIcons() helper for Lucide re-initialization after dynamic content
  • Navbar toggle — DAUB.toggleNavbar() API + outside-click close

Documentation

  • 3 full-page recipe templates (Dashboard, Pinterest grid, Settings form) in llms.txt
  • Complete data-* attributes reference table
  • Updated component docs across README, SKILL.md, llms.txt, ai-plugin.json

Files

  • daub.css — 2 files, drop-in
  • daub.js — zero dependencies
  • No build step required
<link rel="stylesheet" href="https://daub.dev/daub.css">
<script src="https://daub.dev/daub.js"></script>