Year Card Context
shadcn-glass-ui/year-card-contextFreeBlock
Hook to access YearCardGlass context
Install it
npx shadcn@latest add https://raw.githubusercontent.com/artyhoo/shadcn-glass-ui-library/main/public/r/year-card-context.jsonSource
1/* eslint-disable react-refresh/only-export-components */2// ========================================3// YEAR CARD GLASS CONTEXT4// Context for compound component state5// ========================================67import { createContext, useContext } from 'react';89export interface YearCardContextValue {10 /** Whether the card is selected */11 isSelected: boolean;12 /** Whether the card is expanded */13 isExpanded: boolean;14 /** Callback when selection is triggered */15 onSelect?: () => void;16 /** Callback when expanded state changes */17 onExpandedChange?: (expanded: boolean) => void;18}1920const YearCardContext = createContext<YearCardContextValue | null>(null);2122/**23 * Hook to access YearCardGlass context24 * @throws Error if used outside of YearCardGlass.Root25 */26export function useYearCard(): YearCardContextValue {27 const context = useContext(YearCardContext);28 if (!context) {29 throw new Error('[YearCardGlass] useYearCard must be used within YearCardGlass.Root');30 }31 return context;32}3334/**35 * Hook to optionally access YearCardGlass context36 * Returns null if used outside of YearCardGlass.Root37 */38export function useYearCardOptional(): YearCardContextValue | null {39 return useContext(YearCardContext);40}4142export { YearCardContext };
More from shadcn-glass-ui
All 76 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Ai Card Glassai-card-glass | shadcn-glass-ui | Blocks | Free | no deps | |
| Career Stats Glasscareer-stats-glass | shadcn-glass-ui | Blocks | Free | no deps | |
| Career Stats Header Glasscareer-stats-header-glass | shadcn-glass-ui | Blocks | Free | no deps | |
| Circular Metric Glasscircular-metric-glass | shadcn-glass-ui | Blocks | Free | no deps | |
| Contribution Metrics Glasscontribution-metrics-glass | shadcn-glass-ui | Blocks | Free | no deps | |
| Flags Section Glassflags-section-glass | shadcn-glass-ui | Blocks | Free | no deps | |
| Header Branding Glassheader-branding-glass | shadcn-glass-ui | Blocks | Free | no deps | |
| Header Nav Glassheader-nav-glass | shadcn-glass-ui | Blocks | Free | no deps |
