From 3b876be65273eb4e1096a7420f4b73767607fe59 Mon Sep 17 00:00:00 2001 From: Shohei Yoshida Date: Tue, 22 Oct 2019 11:27:43 +0900 Subject: Rename close icon to close button (#29387) --- site/content/docs/4.3/components/alerts.md | 6 +++--- site/content/docs/4.3/components/close-button.md | 14 ++++++++++++++ site/content/docs/4.3/components/close-icon.md | 14 -------------- site/data/sidebar.yml | 2 +- 4 files changed, 18 insertions(+), 18 deletions(-) create mode 100644 site/content/docs/4.3/components/close-button.md delete mode 100644 site/content/docs/4.3/components/close-icon.md diff --git a/site/content/docs/4.3/components/alerts.md b/site/content/docs/4.3/components/alerts.md index 9a283c754..84a4696d4 100644 --- a/site/content/docs/4.3/components/alerts.md +++ b/site/content/docs/4.3/components/alerts.md @@ -11,7 +11,7 @@ toc: true ## Examples -Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight **required** contextual classes (e.g., `.alert-success`). For inline dismissal, use the [alerts JavaScript plugin](#dismissing). +Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight **required** contextual classes (e.g., `.alert-success`). For inline dismissal, use the [alerts JavaScript plugin](#dismissing). {{< example >}} {{< alerts.inline >}} @@ -58,8 +58,8 @@ Alerts can also contain additional HTML elements like headings, paragraphs and d Using the alert JavaScript plugin, it's possible to dismiss any alert inline. Here's how: - Be sure you've loaded the alert plugin, or the compiled Bootstrap JavaScript. -- Add a dismiss button and the `.alert-dismissible` class, which adds extra padding to the right of the alert and positions the `.close` button. -- On the dismiss button, add the `data-dismiss="alert"` attribute, which triggers the JavaScript functionality. Be sure to use the ` +{{< /example >}} diff --git a/site/content/docs/4.3/components/close-icon.md b/site/content/docs/4.3/components/close-icon.md deleted file mode 100644 index a4bbdf052..000000000 --- a/site/content/docs/4.3/components/close-icon.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -layout: docs -title: Close icon -description: Use a generic close icon for dismissing content like modals and alerts. -group: components ---- - -**Be sure to include text for screen readers**, as we've done with `aria-label`. - -{{< example >}} - -{{< /example >}} diff --git a/site/data/sidebar.yml b/site/data/sidebar.yml index a09fdbd50..220fa0d21 100644 --- a/site/data/sidebar.yml +++ b/site/data/sidebar.yml @@ -46,7 +46,7 @@ - title: Button group - title: Card - title: Carousel - - title: Close icon + - title: Close button - title: Collapse - title: Dropdowns - title: Icons -- cgit v1.2.3