mirror of https://github.com/directus/directus.git synced 2026-02-17 19:21:32 -05:00

Files

Ben Haynes c38e167069 Tweaks (#659 )

* user component styling

* badge alignment

* selected checkbox label color

* add commit node custom icon

* fix translation key

* cleaner badge centering

* clean up last comment spacing

* style cleanup, badges for revision/comment count

* button styling

* fix tags styling

this supercedes the fix by jacob

* divider icon positioning

* correct help text

* remove docs module

* updated help text and other tweaks

* WIP: add heading and subheading to all modals

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>

2020-06-04 14:27:19 -04:00

transition

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-avatar

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-badge

user component styling (#617 )

2020-05-26 11:10:13 -04:00

v-breadcrumb

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-button

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-button-group

Rename compositions to composables (#508 )

2020-04-30 10:15:32 -04:00

v-card

Base component var scoping (#480 )

2020-04-24 18:52:27 -04:00

v-checkbox

user component styling (#617 )

2020-05-26 11:10:13 -04:00

v-chip

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-detail

Combine layout options (#563 )

2020-05-13 14:06:14 -04:00

v-dialog

Various style tweaks (#555 )

2020-05-12 20:10:48 -04:00

v-divider

Tweaks (#659 )

2020-06-04 14:27:19 -04:00

v-fancy-select

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-form

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-hover

Bump prettier from 1.19.1 to 2.0.2 (#239 )

2020-03-24 10:51:30 -04:00

v-icon

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-info

109 tiny tweaks (#574 )

2020-05-15 18:44:21 -04:00

v-input

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-item-group

Translations interface (#660 )

2020-05-28 16:49:31 -04:00

v-list

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-menu

User popover (#599 )

2020-05-20 16:38:31 -04:00

v-modal

Tweaks (#659 )

2020-06-04 14:27:19 -04:00

v-notice

Add SSO flow (#595 )

2020-05-19 18:02:04 -04:00

v-overlay

Base component var scoping (#480 )

2020-04-24 18:52:27 -04:00

v-pagination

Various style tweaks (#555 )

2020-05-12 20:10:48 -04:00

v-progress

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-radio

109 tiny tweaks (#574 )

2020-05-15 18:44:21 -04:00

v-select

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-sheet

Base component var scoping (#480 )

2020-04-24 18:52:27 -04:00

v-skeleton-loader

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-slider

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-switch

Base component var scoping (#480 )

2020-04-24 18:52:27 -04:00

v-table

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-tabs

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-textarea

Change print width to 120 (#671 )

2020-06-01 16:50:08 -04:00

v-upload

Interface image (#510 )

2020-04-30 17:01:14 -04:00

readme.md

Add folder structure

2020-02-05 15:07:20 -05:00

User popover (#599 )

2020-05-20 16:38:31 -04:00

readme.md

Components

Components are custom elements that can reused in various other places.

Storybook / Tests

Every component should have an entry in Storybook, and should have unit tests where appropriate.

Naming

Components must always have a - in the name. This makes sure we don't run into any conflicts with HTML element names.

Base Components

The core-most base-components are prefixed with v- (for example v-icon and v-button). These components can not rely on any global store.

Private Components

Every now and again, it makes sense to split up a bigger component in smaller sub-parts for code maintainability and organization reasons. These "internal private components" are prefixed with a _ and should never be used standalone.