@instructure/ui-toggle-details

---

category: packages

ui-toggle-details

A styled toggleable, accordion-like component.

Components

The ui-toggle-details package contains the following:

• ToggleDetails
• ToggleGroup

Installation

npm install @instructure/ui-toggle-details

Usage

import React from 'react'
import { ToggleDetails } from '@instructure/ui-toggle-details'

const MyToggleDetails = () => {
  return (
    <ToggleDetails summary="Hello toggle">
      <Text>Hello details</Text>
    </ToggleDetails>
  )
}