<details>

the <details> html element 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.

what tools do you use to build this site?

hosting

github pages » you can use github pages to host a website about yourself, your organization, or your project directly from a repository on github.com.

building

astro » build faster websites with astro's next-gen island architecture.

styling

css modules » a css module is a css file in which all class names and animation names are scoped locally by default.

color palette

tailwind css » tailwind includes an expertly-crafted default color palette out-of-the-box that is a great starting point if you don't have your own specific branding in mind.

dropdown

it can also create something like dropdown as an alternative to <select>. considering accessibility and semantics, it would be better if there was something like <dropdown>.

browser support

chrome firefox safari
<details> 12 49 6
<summary> 12 49 6
← back to home