mirror of https://github.com/directus/directus.git synced 2026-02-18 05:31:22 -05:00

Files

Rijk van Zanten 3a89dc41f9 Add the cards layout (#430 )

* Fix reactivity of currentLayout in drawer detail

* Start on cards layout

* Use dense list items in v-select

* Add cards + size option

* Render cards + files based on options

* Allow modules to set view defaults

* Start on render-template component

* Add get fields from template util

* Use render template component in cards layout

* Render as small icon

* Accept options in display handler function

* Fix type warnings in format title display

* Remove empty styling in render template component

* Account for null values in render template

* Add loading state to cards layout

* Remove type validation in skeleton loader

* Only fetch rendered fields

* Fix resolving of default values for cards module

* Add selection state to cards

* Add selection state to cards

* Make render template reactive

* Implement setup options

* Add disabled support to v-select

* Add fallback icon option + disable fit input when no source

* Add sort header to cards layout

* Remove console log

* Add selection state to cards header

* Fix z-indexing of header menu

* Add pagination to cards layout

* Fix types in field

* Fix type checks in field-setup

* Add role presentation to img

* Remove code smell

* Handle file library gracefully

* Add native lazy loading to images in cards layout

* Render SVGs inline in card

2020-04-18 16:20:00 -04:00

index.ts

Add v-select component (#262 )

2020-03-30 15:49:23 -04:00

readme.md

Add the cards layout (#430 )

2020-04-18 16:20:00 -04:00

v-select.story.ts

Add v-select component (#262 )

2020-03-30 15:49:23 -04:00

v-select.test.ts

Add v-select component (#262 )

2020-03-30 15:49:23 -04:00

v-select.vue

Add the cards layout (#430 )

2020-04-18 16:20:00 -04:00

readme.md

Select

Renders a dropdown input.

Usage

<v-select
	v-model="value"
	:items="[
		{
			text: 'Item 1',
			value: 'item-1',
		},
		{
			text: 'Item 2',
			value: 'item-2',
		},
	]"
/>

Props

Prop	Description	Default
`items`*	Items to render in the select
`itemText`	What item value to use for the display text	`text`
`itemValue`	What item value to use for the item value	`value`
`value`	Currently selected item(s)
`multiple`	Allow multiple items to be selected	`false`
`placeholder`	What placeholder to show when no items are selected
`full-width`	Render the select at full width
`monospace`	Render the value and options monospaced
`disabled`	Disable the select

Events

Event	Description	Value
`input`	New value for the select	`(string

Slots

n/a

CSS Variables

n/a