btnlg

btnlg is a token used in user interface design and software development to denote a large button variant. It labels a button style that is larger in dimensions and often more visually prominent than a base button. The term is not tied to a single framework and appears in various codebases and design systems. In many projects it is written as btnlg, btn-lg, or ButtonLarge, with the exact form depending on naming conventions and tooling.

In design systems, btnlg usually signals increases in width or height, larger typography, and a fuller hit area. It may be combined with state or emphasis tokens (for example a primary large button) to indicate the most important action. Some popular frameworks standardize a similar concept under a dash-separated class name, such as btn-lg in Bootstrap; btnlg may be used as an alias or in custom builds.

Implementation often maps btnlg to a set of CSS properties that raise the button's visual weight: larger padding, bigger font size, and sometimes greater border-radius. The goal is to maintain consistency with other size variants such as small and medium while ensuring legibility and touch accessibility on various devices.

When using btnlg, designers consider contrast, focus visibility, and responsive behavior. Large buttons should remain comfortably tappable on touch screens and legible at small viewports. Consistency with other component tokens and clear documentation are important for maintainability.

See also: Button (UI), Bootstrap, CSS, Design system, Component token.