primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-09-20 21:28:20 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #1037 from primer/joelhawksley-patch-1

Browse Source 
Update box-overlay.md
This commit is contained in:
Jon Rohan 2020-02-24 14:48:26 -08:00 committed by GitHub
commit 1233ab04a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 0 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
docs/content/components/box-overlay.md
View File

@ -56,23 +56,4 @@ Box overlays come in three widths. The default `Box--overlay` is 440px wide, `Bo
<link href="https://unpkg.com/@github/details-dialog-element/index.css" rel="stylesheet" />
```
In github.com there is a shared dialog partial. You will only have to pass in the modal content:
```erb
<%= render layout: "shared/details_dialog", locals: {
button_text: "Delete account",
title: "Are you sure you want to delete this account?",
button_class: "btn btn-danger"
} do %>
<div class="Box-body overflow-auto">
<p>
This action is irreversible.
</p>
<button type="button" class="btn btn-block btn-danger mt-2" data-close-dialog>
Delete
</button>
</div>
<% end %>
```
[aria attributes]: https://www.w3.org/TR/html-aria/#allowed-aria-roles-states-and-properties