algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-27 04:03:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ui][collapsible] add defaultOpen prop (#314)

Browse Source
This commit is contained in:
Jeff Sieu
2022-10-07 14:32:03 +08:00
committed by GitHub
parent b2b8f3b553
commit 702811bafa
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/ui/src/Collapsible/Collapsible.tsx
View File

@ -5,12 +5,13 @@ import { ChevronDownIcon } from '@heroicons/react/20/solid';
type Props = Readonly<{ type Props = Readonly<{
children: ReactNode; children: ReactNode;
defaultOpen?: boolean;
label: string; label: string;
}>; }>;
export default function Collapsible({ children, label }: Props) { export default function Collapsible({ children, defaultOpen, label }: Props) {
return ( return (
<Disclosure> <Disclosure defaultOpen={defaultOpen}>
{({ open }) => ( {({ open }) => (
<> <>
<Disclosure.Button className="text-primary-900 hover:bg-primary-100 focus-visible:ring-primary-500 -mx-2.5 box-content flex w-full justify-between rounded-lg px-2.5 py-2 text-left text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-opacity-75"> <Disclosure.Button className="text-primary-900 hover:bg-primary-100 focus-visible:ring-primary-500 -mx-2.5 box-content flex w-full justify-between rounded-lg px-2.5 py-2 text-left text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-opacity-75">