CodeCow/stack
1
0
Fork 0
mirror of https://github.com/stack-auth/stack.git synced 2026-06-13 21:01:21 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

lint

Browse Source
This commit is contained in:
Madison 2025-09-03 14:34:22 -05:00
parent 2673030a53
commit 2659adc22a
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
docs/src/components/stack-auth/stack-user-button-demo.tsx
View File

@ -121,25 +121,25 @@ export function MyComponent() {
<span className="text-blue-600">→ Using mock data (sign in to see your account)</span>
)}
</div>
<div className="relative overflow-hidden rounded-lg border border-dashed border-blue-500/40 dark:border-blue-400/20 bg-gray-200/90 dark:bg-slate-900/30 shadow-sm p-4">
{/* Component demo label */}
<div className="absolute top-0 right-0 px-2 py-1 text-xs font-medium rounded-bl-md bg-gray-200/90 dark:bg-slate-800/80 border-l border-b border-gray-400/60 dark:border-gray-600/40">
<span className="text-blue-600/80 dark:text-blue-400/70">Component Demo</span>
</div>
<div className="stack-scope">
<UserButton
showUserInfo={props.showUserInfo}
mockUser={user ? undefined : mockUser}
colorModeToggle={props.colorModeToggle ? () => console.log("color mode toggle clicked") : undefined}
extraItems={props.extraItems ? [{
text: 'Custom Action',
icon: <Wrench />,
onClick: () => console.log('Custom action clicked')
}] : undefined}
/>
</div>
</div>
<div className="relative overflow-hidden rounded-lg border border-dashed border-blue-500/40 dark:border-blue-400/20 bg-gray-200/90 dark:bg-slate-900/30 shadow-sm p-4">
{/* Component demo label */}
<div className="absolute top-0 right-0 px-2 py-1 text-xs font-medium rounded-bl-md bg-gray-200/90 dark:bg-slate-800/80 border-l border-b border-gray-400/60 dark:border-gray-600/40">
<span className="text-blue-600/80 dark:text-blue-400/70">Component Demo</span>
</div>
<div className="stack-scope">
<UserButton
showUserInfo={props.showUserInfo}
mockUser={user ? undefined : mockUser}
colorModeToggle={props.colorModeToggle ? () => console.log("color mode toggle clicked") : undefined}
extraItems={props.extraItems ? [{
text: 'Custom Action',
icon: <Wrench />,
onClick: () => console.log('Custom action clicked')
}] : undefined}
/>
</div>
</div>
</div>
</div>
</div>