-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Replaced "Disclosure" with "LinkOut" in example on index page. Removed note about build errors from LinkOut page since the issue is fixed. Overhauled the Markdown syntax page as the info was more general to markdown than it is to the ILF. Added note to the Disclosure page that we should use Details instead, and that the Disclosure page may be going away. Added a Details page. Changed references to running prettier to pnpm format since it's easier to remember. Added a page specifically for Starlight components.
- Loading branch information
1 parent
59dfab0
commit ec5d4f3
Showing
14 changed files
with
173 additions
and
309 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
--- | ||
title: details | ||
--- | ||
|
||
The `<details>` disclosure element is an HTML element that creates a disclosure widget in which information is visible only when the widget is toggled into an open state. A `summary` or label must be provided using the `<summary>` element. - [MDN web docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details) | ||
|
||
:::note | ||
We also have an in-house [Disclosure component](/shared/disclosure), but we decided in October 2024 to move away from using it. We may deprecate the component completely in the future. | ||
::: | ||
|
||
You can nest any other Markdown syntax inside a `<details>` element. Some, if not all, of Starlight's components can also be nested. For example, you can use an aside within the element. | ||
|
||
## Example usage | ||
|
||
```html | ||
<details> | ||
<summary>Who has two thumbs, speaks limited French, and hasn't cried once today?</summary> | ||
<img | ||
src="/img/thismoi.png" | ||
alt="Liz Lemon" | ||
style="max-width:200px" | ||
/> | ||
</details> | ||
``` | ||
|
||
<details> | ||
<summary>Who has two thumbs, speaks limited French, and hasn't cried once today?</summary> | ||
<img | ||
src="/img/thismoi.png" | ||
alt="Liz Lemon" | ||
style="max-width:200px" | ||
/> | ||
</details> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.