PageColumns
Um sistema de layout responsivo em múltiplas colunas para organizar conteúdo lado a lado.
Uso
O componente PageColumns exibe conteúdo em um layout responsivo de múltiplas colunas. Ele funciona bem com componentes PageCard ou quaisquer outros elementos, adaptando-se de uma única coluna no mobile para várias colunas em telas maiores.
Cloudflare's Workers LaunchPad
NuxtHub is part of the Cloudflare's Workers Launchpad Cohort to make sure you get a first-class experience on top of Cloudflare's network.
Nuxt on Cloudflare infra with minimal effort - this is huge!
Evan You
Autor do Vue.js e do Vite
I love the polish and the batteries-included approach. NuxtHub takes web framework and hosting integration to a new level!
Igor Minar
Engenheiro de software na Cloudflare
NuxtHub is hands down the easiest way to get a project from zero to production on the Cloudflare stack!
Charlie Hield
Tecnólogo criativo sênior
I can't find an excuse to not go full-stack with Nuxt from now on. Ship fast the Nuxt way, zero config. Just plug & deploy.
Israel Ortuño
Cofundador do VueJobs
Took me less than 90 seconds to deploy an app with DB, KV, File storage and Caching, all on the edge with just a single command.
Fayaz Ahmed
Indie Hacker
Nuxt is becoming the best framework for bootstrappers imo. NuxtHub is a layer on top of Cloudflare services for cheap & fast full-stack edge hosting.
Tommy J. Vedvik
Desenvolvedor de UX
I love how NuxtHub combines, amplifies and simplifies the Cloudflare tooling with the wide and mature Nuxt ecosystem. I cannot wait to see how it will evolve and expand in the future!
Dario Piotrowicz
Desenvolvedor web na Cloudflare
Just deployed my first site to Cloudflare using NuxtHub. Very sleek experience!
Markus Oberlehner
Desenvolvedor web
It's amazing to be able to run a single command and get existing Nuxt project deployed on edge within minutes! It felt like unlocking the missing infrastructure and UI for Cloudflare, enhancing the developer experience in such an extraordinary way.
Anthony Fu
Time principal do Vue.js, Vite e Nuxt
NuxtHub and Cloudflare are my go to for full stack apps. The DX is joyous and far superior to any other platform I've used. My team is able to iterate quickly, and build beautiful, performant apps with ease.
Jonathan Beckman
Fundador da GuaranTee Time
At YG, our team recently grew and that meant more seats on all the tools we use. Migrating our hosting workflow to NuxtHub not only took just a few minutes but saved us money from our previous provider. NuxtHub provides an excellent management layer on top of our infrastructure and we're super happy about the move!
Eckhardt Dreyer
Desenvolvedor líder na YG
API
Props
| Prop | Default | Type |
|---|---|---|
as | 'div' | anyThe element or component this component should render as. |
ui | { base?: any; } |
Slots
| Slot | Type |
|---|---|
default | {} |
Tema
app.config.ts
export default defineAppConfig({
ui: {
pageColumns: {
base: 'relative column-1 md:columns-2 lg:columns-3 gap-8 space-y-8 *:break-inside-avoid-column *:will-change-transform'
}
}
})
vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nitro/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
ui: {
pageColumns: {
base: 'relative column-1 md:columns-2 lg:columns-3 gap-8 space-y-8 *:break-inside-avoid-column *:will-change-transform'
}
}
})
]
})
Changelog
No recent changes