summaryrefslogtreecommitdiff
path: root/doc/development/fe_guide/components.md
diff options
context:
space:
mode:
Diffstat (limited to 'doc/development/fe_guide/components.md')
-rw-r--r--doc/development/fe_guide/components.md7
1 files changed, 4 insertions, 3 deletions
diff --git a/doc/development/fe_guide/components.md b/doc/development/fe_guide/components.md
index 0e9126ee667..52462a4bec9 100644
--- a/doc/development/fe_guide/components.md
+++ b/doc/development/fe_guide/components.md
@@ -1,18 +1,19 @@
# Components
## Contents
-* [Dropdowns](#dropdowns)
-* [Modals](#modals)
+
+- [Dropdowns](#dropdowns)
+- [Modals](#modals)
## Dropdowns
See also the [corresponding UX guide](https://design.gitlab.com/#/components/dropdowns).
### How to style a bootstrap dropdown
+
1. Use the HTML structure provided by the [docs][bootstrap-dropdowns]
1. Add a specific class to the top level `.dropdown` element
-
```Haml
.dropdown.my-dropdown
%button{ type: 'button', data: { toggle: 'dropdown' }, 'aria-haspopup': true, 'aria-expanded': false }