mirror of
https://github.com/directus/directus.git
synced 2026-02-07 20:35:37 -05:00
b30dd930e7
* 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
Displays
Displays are functions / components that are used in the system to display data. They are small wrappers that help display values in a matter that makes sense for the saved value, for example rendering a color swatch for a saved color value.
Functions vs Components
A Display can either be a function, or a component. The function gets the value, and returns a
string of how to display this value. A Vue component similarly gets the value through the value
prop, and can render whatever makes sense for the value.