Omnislash Comments - Answer Overflow

Topics

Omnislash

Explore posts from servers

NNuxt CDCloudflare Developers

•Created by acidjazz on 4/29/2025 in #❓・help

i'd like to see a perfect example on how to add a custom variant to a button please

@kapa.ai my editor shows an error when I try using my custom variant

16 replies

•Created by acidjazz on 4/29/2025 in #❓・help

i'd like to see a perfect example on how to add a custom variant to a button please

@kapa.ai show an exemple for nuxt UI 3.

16 replies

•Created by Pablo on 4/19/2025 in #❓・help

How to use Tailwind with Nuxt UI v2.20

yeah the UI 3 is pretty nice and stable, you should stick to it and feel free to ask any question about it 🙂

21 replies

•Created by Pablo on 4/19/2025 in #❓・help

How to use Tailwind with Nuxt UI v2.20

is there a reason you use v2 instead of v3 ?

21 replies

•Created by Pablo on 4/19/2025 in #❓・help

How to use Tailwind with Nuxt UI v2.20

did you install nuxt ui 3 ? it might not be enough You should either instart nuxt ui 2 to have the proper dependecies versions, or try to downgrade tailwind too to see if it helps

21 replies

•Created by Pablo on 4/19/2025 in #❓・help

How to use Tailwind with Nuxt UI v2.20

@Pablo I don't think tailwind v4 and nuxt UI v2 are compatible

21 replies

•Created by Pablo on 4/19/2025 in #❓・help

How to use Tailwind with Nuxt UI v2.20

Do you have a reproduction somewhere?

21 replies

•Created by Pablo on 4/19/2025 in #❓・help

How to use Tailwind with Nuxt UI v2.20

Hello, You have to put his name again to make it answer more 🙂 You just add your css in assets/css/main.css, then in your nuxt.congif you add css: ['~/assets/css/main.css] But I don't think it's your issue here, do you have a precise exemple of one that's not working ?

21 replies

•Created by Omnislash on 4/17/2025 in #❓・help

UI3 UTable horizontal scroll

@kapa.ai I did as you said but it's not working :

        <div class="w-full overflow-auto bg-red-950">
            <UTable
                ref="table"
                v-model:column-visibility="columnVisibility"
                v-model:global-filter="globalFilter"
                v-model:sorting="sorting"
                v-model:pagination="paginationConfig"
                :pagination-options="{ getPaginationRowModel: getPaginationRowModel() }"
                :data="data"
                :columns="preparedColumns"
                loading-state="carousel"
                :sticky="props.sticky">
                <template v-for="(slotFn, slotName) in instance?.slots" #[slotName]="slotProps">
                    <slot :name="slotName" v-bind="slotProps || {}" />
                </template>
            </UTable>
        </div>

        <div class="w-full overflow-auto bg-red-950">
            <UTable
                ref="table"
                v-model:column-visibility="columnVisibility"
                v-model:global-filter="globalFilter"
                v-model:sorting="sorting"
                v-model:pagination="paginationConfig"
                :pagination-options="{ getPaginationRowModel: getPaginationRowModel() }"
                :data="data"
                :columns="preparedColumns"
                loading-state="carousel"
                :sticky="props.sticky">
                <template v-for="(slotFn, slotName) in instance?.slots" #[slotName]="slotProps">
                    <slot :name="slotName" v-bind="slotProps || {}" />
                </template>
            </UTable>
        </div>

23 replies

•Created by Omnislash on 4/17/2025 in #❓・help

UI3 UTable horizontal scroll

@kapa.ai isn't it the same with just wrapping the UTable in a div, so the UTable isn't affected by the Flex ?

23 replies

•Created by Omnislash on 4/17/2025 in #❓・help

UI3 UTable horizontal scroll

@kapa.ai Still not working with this :

        <div class="scroll-auto w-full bg-red-950">
            <UTable
                ref="table"
                v-model:column-visibility="columnVisibility"
                v-model:global-filter="globalFilter"
                v-model:sorting="sorting"
                v-model:pagination="paginationConfig"
                class="w-full bg-green-950"
                :pagination-options="{ getPaginationRowModel: getPaginationRowModel() }"
                :data="data"
                :columns="preparedColumns"
                loading-state="carousel"
                :sticky="props.sticky"
                :ui="{ root: 'relative w-full overflow-auto' }">
                <template v-for="(slotFn, slotName) in instance?.slots" #[slotName]="slotProps">
                    <slot :name="slotName" v-bind="slotProps || {}" />
                </template>
            </UTable>
        </div>

        <div class="scroll-auto w-full bg-red-950">
            <UTable
                ref="table"
                v-model:column-visibility="columnVisibility"
                v-model:global-filter="globalFilter"
                v-model:sorting="sorting"
                v-model:pagination="paginationConfig"
                class="w-full bg-green-950"
                :pagination-options="{ getPaginationRowModel: getPaginationRowModel() }"
                :data="data"
                :columns="preparedColumns"
                loading-state="carousel"
                :sticky="props.sticky"
                :ui="{ root: 'relative w-full overflow-auto' }">
                <template v-for="(slotFn, slotName) in instance?.slots" #[slotName]="slotProps">
                    <slot :name="slotName" v-bind="slotProps || {}" />
                </template>
            </UTable>
        </div>

it's wrap in this :

<Flex col center class="gap-y-4">
</Flex>

<Flex col center class="gap-y-4">
</Flex>

The code of <Flex> if needed : https://github.com/ribbityfrog/steamfrog-front/blob/main/app/components/structure/Flex.vue

23 replies

•Created by Omnislash on 4/17/2025 in #❓・help

UI3 UTable horizontal scroll

@kapa.ai it works with like max-w-[600px] or max-w-[600px], but I want the div containing the Table to big as big as its containor

23 replies

•Created by Omnislash on 4/15/2025 in #❓・help

UI3 on stackblitz

It's fine you did ok, I'll go have a look to Codesandbox again

18 replies

•Created by Omnislash on 4/15/2025 in #❓・help

UI3 on stackblitz

@kapa.ai I feel like you want me to jump off a cliff, should I

18 replies

•Created by Omnislash on 4/15/2025 in #❓・help

UI3 on stackblitz

@kapa.ai if you mean the project template, there is Nuxt 3 but not Nuxt UI 3

18 replies

•Created by Omnislash on 4/15/2025 in #❓・help

UI3 on stackblitz

@kapa.ai can I dot the solution 2 on stackblitz ? how ?

18 replies

•Created by Omnislash on 4/15/2025 in #❓・help

Nuxt app/ folder structure error 500

Them I forgot I was importing some manually, thanks Kapi 🙂

6 replies

•Created by Oliver on 4/13/2025 in #❓・help

Multiple input field

Nice thanks, gonna have a look this weekend

24 replies

•Created by Oliver on 4/13/2025 in #❓・help

Multiple input field

Aha I was literally looking for you. Never worked on a framework, is it doable to contribute and make/propose new components ?

24 replies

•Created by Oliver on 4/13/2025 in #❓・help

Multiple input field

Is there any doc somewhere to create components ?

24 replies