franken-ui/dist/shadcn-ui/components/iconnav.d.ts

Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.

export default function (): {
    'hook-iconnav': {
        gap: null;
        marginLeft: null;
        '@apply gap-1': {};
    };
    'hook-item': {
        display: null;
        justifyContent: null;
        height: null;
        width: null;
        color: null;
        '@apply inline-flex h-9 w-9 justify-center rounded-md': {};
    };
    'hook-item-hover': {
        color: null;
        '@apply bg-accent text-accent-foreground': {};
    };
    'hook-item-active': {
        color: null;
        '@apply bg-accent text-accent-foreground': {};
    };
    'hook-misc': {
        '.uk-iconnav > * > a:focus-visible': {
            '@apply outline-none ring-1 ring-ring': {};
        };
        '.uk-iconnav > *': {
            paddingLeft: string;
        };
        '.uk-iconnav-vertical': {
            marginTop: string;
        };
        '.uk-iconnav-vertical > *': {
            paddingTop: string;
        };
        '.uk-iconnav-outline > * > a': {
            '@apply border border-border shadow-sm': {};
        };
        '.uk-iconnav-small > * > a': {
            '@apply h-8 w-8': {};
        };
        '.uk-iconnav-xsmall > * > a': {
            '@apply h-7 w-7': {};
        };
    };
};