تاشو (Collapsible)

import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@parto-system-design/ui'
import { Button } from '@parto-system-design/ui'

export default function MyComponent() {
  return (
    <Collapsible>
      <CollapsibleTrigger asChild>
        <Button variant="ghost">باز کردن</Button>
      </CollapsibleTrigger>
      <CollapsibleContent>محتوای مخفی در اینجا قرار دارد</CollapsibleContent>
    </Collapsible>
  )
}

const [isOpen, setIsOpen] = React.useState(false)

<Collapsible open={isOpen} onOpenChange={setIsOpen}>
  <CollapsibleTrigger asChild>
    <Button variant="ghost">{isOpen ? 'بستن' : 'باز کردن'}</Button>
  </CollapsibleTrigger>
  <CollapsibleContent>
    محتوای قابل کنترل
  </CollapsibleContent>
</Collapsible>

<Collapsible defaultOpen>
  <CollapsibleTrigger asChild>
    <Button variant="ghost">بستن</Button>
  </CollapsibleTrigger>
  <CollapsibleContent>این محتوا از ابتدا نمایش داده می‌شود.</CollapsibleContent>
</Collapsible>