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
    • Fade
    • Feedback
    • Focus mode
    • Form
    • Icon
    • Image
    • Inline
      • Preview
      • Examples
        • Basic
      • API
    • 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

# Inline

Component name: <v-inline>

# Preview

HTML:
<v-inline size="medium">
  <v-button>Button</v-button>
  <v-button>Button</v-button>
  <v-button>Button</v-button>
</v-inline>
Result:
Button Button Button

# Examples

# Basic

# API

Name Type Description Default
size Number Defines the spacing size between child components.

Valid values: xsmall, small, medium, large, xlarge
medium

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.

← Image Loading →