VSheet API

Props

name	type	default
`border`	string \| number \| boolean	false
Applies utility border classes to the component. To use it, you need to omit the `border-` prefix, (for example use `border-sm` as `border="sm"`). Find a list of the built-in border classes on the borders page.
`color`	string	undefined
Applies specified color to the control - supports utility colors with or without `text-` prefix (for example `success`, `purple` or `text-purple`) or CSS color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the colors page.
`elevation`	string \| number	undefined
Designates an elevation applied to the component between 0 and 5. You can find more information on the elevation page.
`height`	string \| number	undefined
Sets the height for the component.
`location`	Anchor	undefined
Specifies the component’s location. Can combine by using a space separated string.
`max-height`	string \| number	undefined
Sets the maximum height for the component.
`max-width`	string \| number	undefined
Sets the maximum width for the component.
`min-height`	string \| number	undefined
Sets the minimum height for the component.
`min-width`	string \| number	undefined
Sets the minimum width for the component.
`position`	'fixed' \| 'static' \| 'relative' \| 'absolute' \| 'sticky'	undefined
Sets the position for the component.
`rounded`	string \| number \| boolean	undefined
Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page.
`tag`	string \| (new () => any) \| FunctionalComponent	'div'
Specify a custom tag used on the root element.
`theme`	string	undefined
Specify a theme for this component and all of its children.
`tile`	boolean	false
Removes any applied border-radius from the component.
`width`	string \| number	undefined
Sets the width for the component.

Slots

never

`default`
The default Vue slot.

SASS Variables

name	default
`$sheet-background`	rgb(var(--v-theme-surface))
`$sheet-border`	( $sheet-border-color, $sheet-border-style, $sheet-border-width, $sheet-border-thin-width )
`$sheet-border-color`	settings.$border-color-root
`$sheet-border-radius`	0
`$sheet-border-style`	settings.$border-style-root
`$sheet-border-thin-width`	thin
`$sheet-border-width`	0
`$sheet-color`	tools.theme-color('on-surface', var(--v-high-emphasis-opacity))
`$sheet-elevation`	0
`$sheet-positions`	absolute fixed relative sticky
`$sheet-rounded-border-radius`	settings.$border-radius-root
`$sheet-theme`	( $sheet-background, $sheet-color )

#VSheet API

VSheet API