Skip to main content

Theme label

Settings​

SettingIDTypeDefaultDescription
Stylecard_themelabel_styleselectsolid
Shapecard_themelabel_shapeselectrounded-full
Size (mobile)card_themelabel_size_mobrange11
Size (desktop)card_themelabel_sizerange14
Colorcard_themelabel_colorselectprimary
Custom colorcard_themelabel_bgcolor_background#f3f4f6Shown when Color = Custom. Supports solid or gradient colors.
Custom text colorcard_themelabel_text_colorcolor#111827Shown when Color = Custom.
Tag classcard_themelabel_classtext

Option values​

  • Style (card_themelabel_style): Solid (solid), Outline (outline), Ghost (ghost)
  • Shape (card_themelabel_shape): Square (rounded-none), Rounded small (rounded-md), Rounded medium (rounded-xl), Rounded large (rounded-2xl), Rounded extra large (rounded-3xl), Squircle (rounded-squircle), Circle (rounded-circle), Pill (rounded-full), Rounded top (rounded-top), Rounded bottom (rounded-bottom), Single corner (rounded-corner), Diagonal corners (rounded-diagonal), Arch (rounded-arch), Dome (rounded-dome), Cylinder (rounded-cylinder), Barrel (rounded-barrel), Leaf pointed (rounded-leaf-point), Leaf (rounded-leaf), Lens (rounded-lens), Petal (rounded-petal), Egg (rounded-egg), Egg inverted (rounded-egg-inverted), Shield (rounded-shield), Drop (rounded-drop), Diamond (rounded-diamond), Blob (rounded-blob), Amoeba (rounded-amoeba), Flower (rounded-flower), Mountain (rounded-mountain), Pebble (rounded-pebble), Bean (rounded-bean), Cloud (rounded-cloud)
  • Color (card_themelabel_color): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom)

Presets​

  • Theme label