[READ-ONLY] Mirror of https://github.com/flo-bit/ui-kit. 🦊 fox ui, svelte 5 and tailwind 4 flo-bit.dev/ui-kit/
svelte tailwindcss ui-components
0

Configure Feed

Select the types of activity you want to include in your feed.

small fixes docs

Florian (May 4, 2025, 7:58 PM +0200) 29d93e93 9a6ddfb2

+27 -8
+11
pnpm-lock.yaml
··· 38 38 mdsvex: 39 39 specifier: ^0.12.5 40 40 version: 0.12.5(svelte@5.28.1) 41 + tailwindcss-animate: 42 + specifier: ^1.0.7 43 + version: 1.0.7(tailwindcss@4.1.5) 41 44 vite-plugin-glsl: 42 45 specifier: ^1.4.1 43 46 version: 1.4.1(vite@6.3.2) ··· 3707 3710 tailwindcss: '*' 3708 3711 dependencies: 3709 3712 tailwind-merge: 3.0.2 3713 + tailwindcss: 4.1.5 3714 + dev: false 3715 + 3716 + /tailwindcss-animate@1.0.7(tailwindcss@4.1.5): 3717 + resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==, tarball: https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz} 3718 + peerDependencies: 3719 + tailwindcss: '>=3.0.0 || insiders' 3720 + dependencies: 3710 3721 tailwindcss: 4.1.5 3711 3722 dev: false 3712 3723
+3 -2
apps/docs/package.json
··· 16 16 "devDependencies": { 17 17 "@eslint/compat": "^1.2.5", 18 18 "@eslint/js": "^9.18.0", 19 + "@fuxui/3d": "workspace:*", 19 20 "@fuxui/base": "workspace:*", 20 21 "@fuxui/colors": "workspace:*", 21 - "@fuxui/3d": "workspace:*", 22 + "@fuxui/social": "workspace:*", 22 23 "@fuxui/time": "workspace:*", 23 24 "@fuxui/visual": "workspace:*", 24 - "@fuxui/social": "workspace:*", 25 25 "@sveltejs/adapter-auto": "^6.0.0", 26 26 "@sveltejs/kit": "^2.16.0", 27 27 "@sveltejs/vite-plugin-svelte": "^5.0.0", ··· 45 45 "dependencies": { 46 46 "@sveltejs/adapter-static": "^3.0.8", 47 47 "mdsvex": "^0.12.5", 48 + "tailwindcss-animate": "^1.0.7", 48 49 "vite-plugin-glsl": "^1.4.1" 49 50 } 50 51 }
+1
apps/docs/src/app.css
··· 1 1 @import 'tailwindcss'; 2 2 @plugin '@tailwindcss/forms'; 3 3 @plugin '@tailwindcss/typography'; 4 + @plugin 'tailwindcss-animate'; 4 5 5 6 @source '../../../packages'; 6 7
+12 -6
apps/docs/src/routes/(main)/components/social/emoji-picker/Example.svelte
··· 1 1 <script lang="ts"> 2 - import { Button, toast } from '@fuxui/base'; 2 + import { Button } from '@fuxui/base'; 3 3 import { EmojiPicker, PopoverEmojiPicker } from '@fuxui/social'; 4 + 5 + let emojis: string[] = $state([]); 4 6 </script> 5 7 6 - <EmojiPicker onpicked={(emoji) => toast('selected emoji: ' + emoji.unicode)} /> 8 + <div class="mb-4 flex h-14 flex-wrap items-center gap-2 text-2xl"> 9 + <div class="text-sm font-medium">Last picked emojis:</div> 10 + {#each emojis.slice(0, 5) as emoji} 11 + <div>{emoji}</div> 12 + {/each} 13 + </div> 14 + 15 + <EmojiPicker onpicked={(emoji) => emojis.unshift(emoji.unicode)} /> 7 16 8 17 <h3>Popover Emoji Picker</h3> 9 18 10 - <PopoverEmojiPicker 11 - onpicked={(emoji) => toast('selected emoji: ' + emoji.unicode)} 12 - triggerText="Emoji Picker" 13 - > 19 + <PopoverEmojiPicker onpicked={(emoji) => emojis.unshift(emoji.unicode)} triggerText="Emoji Picker"> 14 20 {#snippet child({ props })} 15 21 <Button size="iconLg" {...props}> 16 22 <svg