grid-list-disabled

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/grid-list-disabled.tsx
import { GridList, GridListItem } from "@/registry/new-york/ui/grid-list"

export default function GridListDisabled() {
  return (
    <GridList
      aria-label="Favorite pokemon"
      disabledKeys={["blastoise", "venusaur"]}
      selectionMode="multiple"
      className="w-64"
    >
      <GridListItem id="charizard">Charizard</GridListItem>
      <GridListItem id="blastoise">Blastoise</GridListItem>
      <GridListItem id="venusaur">Venusaur</GridListItem>
      <GridListItem id="pikachu">Pikachu</GridListItem>
    </GridList>
  )
}

Installation

npx shadcn@latest add @taki/grid-list-disabled

Usage

import { GridListDisabled } from "@/components/grid-list-disabled"
<GridListDisabled />