VueVentusLogoText Component

The VueVentusLogoText Component provides an <svg> component of the VueVentus logo text's freely scalable geometry as a group. You can therefore influence the SVGs shapes by using Tailwind classes in the .fill-[colorKey]-[keyValue] format such as .fill-gray-900 and dark:fill-gray-100, etc.

Import

To import the VueVentusLogoText Component:

javascript

import { VueVentusLogoText } from '@obewds/vueventus'

Prop: class

Type: String
Default: "w-full fill-gray-900 dark:fill-gray-100"

The VueVentusLogoText Component class prop sets the component instance SVGs CSS classes.

Syntax

html

<VueVentusLogoText class="w-full fill-green-600 dark:fill-green-400"/>

Result

Slot: None

NO SLOT AVAILABLE

The VueVentusLogoText Component does not have Vue slot option, because the component outputs a static <svg> element that can be controlled via Tailwind CSS classes - especially .fill-[colorKey]-[keyValue] classes like .fill-green-600 and dark:fill-green-400 in the example above.

VueVentusLogoText Component ​

Import ​

Prop: class ​

Syntax ​

Result ​

Slot: None ​