3F Design v1.124.4
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
      • Examples
        • Youtube
        • Vimeo
      • API
    • Fade
    • Feedback
    • Focus mode
    • Form
    • Icon
    • 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

# Embed

Component name: <v-embed>

Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.

# Examples

# Youtube

# Vimeo

# API

Name Type Description Default
aspect String Set aspect ratio

Valid values: 16:9, 4:3, 1:1
16:9
description String Set description -

← Date Fade →