Dr.Max Design System
OverviewComponentsBrandContentAccessibility
    • Installation
    • Nuxt
    • Theming
    • MCP
    • Color
    • Icons
    • Logos and Pins
    • Web layers
    • Accordion
    • Alert
    • Button
    • Card
    • Carousel
    • Checkbox
    • Date picker
    • Dropdown
    • Heading
    • Icon
    • Input
    • Label
    • Phone number
    • Popover
    • Quantity
    • Radio
    • Radio group
    • Rating
    • Required
    • Scroll area
    • Select
    • Spinner
    • Switch
    • Tab badge
    • Tabs
    • Tag
    • Text
    • Textarea
    • Tooltip
    • Additional
    • Alt text
    • AnnouncementBar
    • Avatar
    • Banner
    • Breadcrumbs
    • Divider & scroll
    • FieldMessage
    • Focus Ring
    • InlineSeparator
    • Modal & drawer
    • Optional
    • Pagination
    • PasswordInput
    • Pinned bar page
    • PromotionalBar
    • SearchInput
    • StatusLine
    • Stepper & loaderBar
    • TextInput
Components

Tag

Let users quickly identify promotions, statuses, or categories.
OverviewDesignDeveloperAccessibility
Discount 10%ECOQuestionVeganGift included

Overview

  • Use tags to label content at a glance
  • Choose color/icon variations to convey status or category

Resources

Figma

Dr. Max Library (Figma)

Table of Contents

  • Overview
  • Resources
Dr. Max Design System • © 2026