Grid List
A grid list displays a list of interactive items, with support for keyboard navigation, single or multiple selection, and row actions.
Installation
CLI
Manual
Basic
View
Code
Ubuntu
Debian
Fedora
Arch
CentOS
Gentoo
OpenSuse
Redhat
FreeBSD
NetBSD
Layout
View
Code
Columns
Gap
Ubuntu
Debian
Fedora
Arch
CentOS
Gentoo
OpenSuse
Redhat
FreeBSD
NetBSD
Selection Mode
View
Code
Selection mode
Ubuntu
Debian
Fedora
Arch
CentOS
Gentoo
OpenSuse
Redhat
FreeBSD
NetBSD
Rearrange
View
Code
Ubuntu
Debian
Fedora
Arch
CentOS
Gentoo
OpenSuse
Redhat
FreeBSD
NetBSD
Dragging Between Items
View
Code
Adobe Photoshop
Adobe XD
Documents
Adobe InDesign
Utilities
Adobe AfterEffects
Pictures
Adobe Fresco
Apps
Adobe Illustrator
Adobe Lightroom
Adobe Dreamweaver
Controlled
View
Code
Ubuntu
Debian
Fedora
Arch
CentOS
Gentoo
OpenSuse
Redhat
FreeBSD
NetBSD
[]
Disabled
View
Code
Ubuntu
Debian
Fedora
Arch
You can also disable an item directly by passing the isDisabled
prop to GridList.Item
.
<GridList.Item isDisabled>Disabled</GridList.Item>