Data Display
Components for displaying information and content. Includes cards, avatars, badges, tags, labels, and tables for presenting data in an organized way.
10 components available
DSCard
Content container with 4 visual variants, large border radius, and interactive hover support. Generic over any View as content.
DSAvatar
Represents a user with initials or an image. Supports 5 sizes and an online/offline/busy/away status indicator.
DSAvatarGroup
Overlapping stack of avatars with a '+N' overflow indicator when the list exceeds the max.
DSBadge
Compact label with 3 visual variants (filled, soft, outline), gradient support, and 3 size options.
DSTag
Removable label with a custom colour, used for categorisation and filtering.
DSListRow
Standard list row with leading icon, title, optional subtitle, badge, and a trailing action.
DSTable
Generic data table with column headers, alternating row tint, hover effect, and row selection support.
DSEmptyState
Placeholder view with an SF Symbol, title, description, and optional CTA button.
DSStatusLabel
NewStatus label with icon indicating success, warning, error, info, or neutral state.
DSPromoLabel
NewPromotional label for discounts, new items, or special badges.
Quick Import Reference
// Package.swift
.package(url: "https://github.com/luizmellodev/SwiftDS-package", from: "2.0.0")
// In any SwiftUI file
import SwiftDS
struct MyView: View {
var body: some View {
VStack(spacing: DSSpacing.md) {
// Use any data-display component here
}
}
}