Propiedades de Vuetify

Introducción

A continuación se listan las propiedades nativas de Vuetify que se pueden utilizar en IrFilePicker.

Propiedades

Las siguientes propiedades fueron extraidas desde Vuetify y no han sido probadas en su totalidad, las mismas serán confirmadas a medida que sean testeadas.

name	type	default	description
#append-icon	string	undefined	Appends an icon to the component, uses the same syntax as v-icon
#append-outer-icon	string	undefined	Appends an icon to the outside the component’s input, uses same syntax as v-icon
#autofocus	boolean	false	Enables autofocus
#background-color	string	undefined	Changes the background-color of the input
#chips	boolean	false	Changes display of selections to chips
#clear-icon	string	'$clear'	Applied when using clearable and the input is dirty
#clearable	boolean	true	Add input clear functionality, default icon is Material Design Icons mdi-clear
#color	string	undefined	Applies specified color to the control - it can be the name of material color (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). You can find a list of built-in classes on the colors page.
#counter	boolean | number | string	undefined	Creates counter for input length; if no number is specified, it defaults to 25. Does not apply any validation.
#counter-size-string	string	'$vuetify.fileInput.counterSize'	The text displayed when using the counter and show-size props. Can also be customized globally on the internationalization page.
#counter-string	string	'$vuetify.fileInput.counter'	The text displayed when using the counter prop. Can also be customized globally on the internationalization page.
#counter-value	function	null
#dark	boolean	false	Applies the dark theme variant to the component. This will default the components color to white unless you’ve configured your application theme to dark or if you are using the color prop on the component. You can find more information on the Material Design documentation for dark themes.
#dense	boolean	false	Reduces the input height
#disabled	boolean	false	Disable the input
#error	boolean	false	Puts the input in a manual error state
#error-count	number | string	1	The total number of errors that should display at once
#error-messages	string | array	[]	Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation
#filled	boolean	false	Applies the alternate filled input style
#flat	boolean	false	Removes elevation (shadow) added to element when using the solo or solo-inverted props
#full-width	boolean	false	Designates input type as full-width
#height	number | string	undefined	Sets the height of the input
#hide-details	boolean | string	undefined	Hides hint and validation errors. When set to auto messages will be rendered only if there’s a message (hint, error message, counter value etc) to display
#hide-input	boolean	false	Display the icon only without the input (file names)
#hint	string	undefined	Hint text
#id	string	undefined	Sets the DOM id on the component
#label	string	undefined	Sets input label
#light	boolean	false	Applies the light theme variant to the component.
#loader-height	number | string	2	Specifies the height of the loader
#loading	boolean | string	false	Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - primary, secondary, success, info, warning, error) or a Boolean which uses the component color (set by color prop - if it’s supported by the component) or the primary color
#messages	string | array	[]	Displays a list of messages or message if using a string
#multiple	boolean	false	Adds the multiple attribute to the input, allowing multiple file selections.
#outlined	boolean	false	Applies the outlined style to the input
#persistent-hint	boolean	false	Forces hint to always be visible
#persistent-placeholder	boolean	false	Forces placeholder to always be visible
#placeholder	string	undefined	Sets the input’s placeholder text
#prefix	string	undefined	Displays prefix text
#prepend-icon	string	'$file'	Prepends an icon to the component, uses the same syntax as v-icon
#prepend-inner-icon	string	undefined	Prepends an icon inside the component’s input, uses the same syntax as v-icon
#reverse	boolean	false	Reverses the input orientation
#rounded	boolean	false	Adds a border radius to the input
#rules	array	[]	Accepts a mixed array of types function, boolean and string. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string
#shaped	boolean	false	Round if outlined and increase border-radius if filled. Must be used with either outlined or filled
#show-size	boolean | number	false	Sets the displayed size of selected file(s). When using true will default to 1000 displaying (kB, MB, GB) while 1024 will display (KiB, MiB, GiB).
#single-line	boolean	false	Label does not move on focus/dirty
#small-chips	boolean	false	Changes display of selections to chips with the small property
#solo	boolean	false	Changes the style of the input
#solo-inverted	boolean	false	Reduces element opacity until focused
#success	boolean	false	Puts the input in a manual success state
#success-messages	string | array	[]	Puts the input in a success state and passes through custom success messages.
#suffix	string	undefined	Displays suffix text
#truncate-length	number | string	22	The length of a filename before it is truncated with ellipsis
#validate-on-blur	boolean	false	Delays validation until blur event
#value	any	undefined	A single or array of File objects.