Selector Button

The Selector Button a dropdown menu with multiple links. Use it when you want to link to multiple destination with the same locical action (e.G. different fule formats of the same dataset). Should be used for internal links (see the styleguide on links and buttons).

Syntax

[sbtn: Button Label -> [Title 1 -> /url-1/, Title 2 -> /url-2/, Title 3 -> /url-3/]]

For a full explanation of how urls/links work see the markdown syntax guide.

Provide a comma-separated list of Title -> url pairs inside square brackets after ->, using the same Label -> url pattern as [btn:]. Each option must have its own title — a bare URL with no title is not valid and will be skipped at build time. URLs can be internal paths or full external URLs.

Example

[sbtn: Browse Data -> [Datasets -> /datasets/, Subtypes -> /subtypes/, Lab Protocols -> /lab-protocols/]]

The arrow rotates when the menu opens. Clicking anywhere outside the button closes it.

Links

The same URL types as [btn:] are supported. See the Button page for details.

Selector buttons are designed to only be used with internal links (see the styleguide). Also, consider that all links in the selector button should share the same logical action (e.G. linking to web-pages, or linking to different subtypes).


← Back to Custom Components