Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Merge requests
  • !37275

Docs: add explanation of the base `.btn` class

  • Review changes

  • Download
  • Email patches
  • Plain diff
Merged Patrick H. Lauke requested to merge patrickhlauke-docs-buttons-naked into main Oct 08, 2022
  • Overview 9
  • Commits 12
  • Pipelines 0
  • Changes 1

Description

As discussed recently in the team slack, this adds an initial explanation of the intention behind the basic .btn class - as a starting point for either using the extra predefined styles, or for an author's own stylings.

Also adds a callout reminding authors to at least define some focus styling if they intend to use it "naked".

Motivation & Context

We're often seeing authors using just .btn, and this "naked" use is not actually documented/explained anywhere. Also, authors then forgetting to create focus styles causes accessibility issues further down the line if they're not expecting it. We may decide in future to still add some absolutely basic focus styling, just in case, but this would be a breaking change for the next minor release/

Live previews

  • https://deploy-preview-37275--twbs-bootstrap.netlify.app/docs/5.3/components/buttons/
Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: patrickhlauke-docs-buttons-naked