3F Design v1.130.9
Documentation
Playground
Changelog
Guides
GIT (opens new window)
NPM (opens new window)
Documentation
Playground
Changelog
Guides
GIT (opens new window)
NPM (opens new window)
  • General

    • Getting Started
    • SEO Recommendations
    • Template Syntax
  • Layout

    • Page layout
    • Navigation
    • Footer
    • Grid
    • Utilities for layout
    • Color variants
  • Components

    • Accordion
    • Alerts
    • Announce
    • Button
    • Byline
    • Calculate
    • Card
    • Datatable
    • Date
    • Embed
    • Fade
    • Feedback
    • Focus mode
    • Form
    • Hero
    • Hero slider
    • Icon
    • Image
    • Inline
    • Input auth code
    • Loading
    • Magazine
    • Map
    • Modal
    • PDF
    • Quote
    • Ribbon
    • Search
    • Search local
    • Searchable select
    • Searchable select address
    • Signup price
    • Stack
    • Tabs
    • Table
    • Tag
      • Examples
        • Basic
      • API
    • Text
    • Toast
  • Compositions

    • Article
    • Login
    • Discipline specific content
    • Display options and filtering
    • Paywall
    • Chat
    • Card content layouts
    • Who is who
    • Find medarbejder
    • Zig zag
    • Search results
    • Contact page
    • v-hero split
    • Svendegaver
    • New membership signup
    • Email templates
    • Datatable templates
    • 3F en fagforening for mig
    • Hero slider
    • Mit3F payment status
  • Utilities

    • Data
    • Cookies
    • Fetch
    • Helpers
    • Internet Explorer
    • Render
    • Scroll-to
    • Session timeout
    • Tooltip
    • Tracking

# Tag

Component name: <v-tag>

# Examples

# Basic

# API

Name Type Description Default
color String Sets the background variant color for the v-tag wrapper.

Valid value: Color variant name
primary

Notice

All other properties that are not defined above, will be passed to the component as html attributes. This is especially useful for adding the class attribute.

← Table Text →