3F Design v1.127.1
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
    • Hero
    • Footer
    • Grid
    • Utilities for layout
    • Color variants
  • Components

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

    • Article
    • Login
    • Discipline specific content
    • Display options and filtering
    • Paywall
    • Chat
    • Card content layouts
    • Who is who
    • Zig zag
    • Search results
    • Contact page
    • New membership signup
    • 3F en fagforening for mig
    • Hero slider
  • Utilities

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

# Image

Component name: <v-image-group> + <v-image>

# Examples

# Basic

# Components

# v-image-group

Wrapper component for images.

# API

Name Type Description Default
slot: description Slot Shows the following description

# v-image

# API

Name Type Description Default
src String Image source.

Valid value: Image URL
-
alt String Alternate text -

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.

← Icon Inline →