Content
  • Accordion For a more prominent visual treatment.
  • Tabs For a horizontal selection of multiple content panels.
  • Dialog For exposing a smaller amount of content in a modal.
  • Drawer For exposing a larger amount of content in a modal.
The space between the disclosure label and content can be customised via the space prop.
Hide content
Content
By default, the call to action will have the same affordance as TextLinkButton. Optionally, the visual weight can be decreased by setting weight to weak.
Content
A Disclosure may also be nested within a sentence, i.e. inside a Text or Heading component. In this case, the text size and tone will all be inherited from the parent typographic component.
Preceeding text content that is followed by a Disclosure. Content
Disclosures manage their own state internally by default. If you’d like to take control of the state yourself, you can pass expanded and onToggle props.
Hide content
Content