SkrChip

components/SkrChip.vue — Wrapper around v-chip with color, variant, size, truncation. Used for tags, status labels, selection chips. 20 usages.

Colors

Tonal variant (default) with different color props.

Variants

Flat, outlined, elevated, text, and plain variants.

Sizes

X-Small through X-Large.

Label & Truncation

Label shape (square corners) and text truncation with max-width.

StatusChip

components/StatusChip.vue — Colored badge showing document/signer status. Maps status strings to colors and i18n text. 20 usages.

Standard Statuses

Using Vuetify color props (tonal variant).

Custom Background Colors

Status chips with custom background and text color classes.

Large Size