Unifying styles across the application is an ongoing process, we are working on making the site more consistent.
- Buttons should follow the general color/icon scheme as outlined.
- All buttons should have an icon on the left side of the button and text on the right.
- Primary action buttons should be the default Vuetify styling.
- Primary action buttons should be right aligned
- Secondary buttons should be
outlined. Text is preferred
- Other buttons should generally be "info" or "primary" color and can take any style type depending on context
Button Colors and Icons
<v-btn color="primary"> <v-icon left> mdi-plus </v-icon> Primary Button </v-btn>