mirror of
https://github.com/directus/directus.git
synced 2026-02-02 01:25:00 -05:00
65888e7ba3
* secondary action button style will apply to other modules if we like this * card styling filled grid static gaps improved selections/hovering * action button colors * dialog styling * updated pagination * choose layout name * move page count to footer * card footer * correct list group icon orientation * move card size to header * header icon color * radios are not labels * clean up projcet chooser styling * don’t collapse pagination when empty * logout style and tooltips * correct css variable * layout translation key * use general “per page” translation * hide per page when not in use also increases min per page from 10 to 25 * more per page fixes * add regex placeholder * add new custom grid icons * new card size toggle and tooltips * differentiate between inner/outer border radius WIP * display icons * horizontal alignment for status dot WIP * beautiful badges * fix jumping table loader * show search “x” when minimized * shorten page count string * system tooltips * user menu avatar hover * edit vs new detail page don’t show delete if new rijk might not like my nested ternary * conditional divider spacing Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
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.