Dev Design Library

With popover swatch

Color swatch button that opens a grid of color swatches, paired with a hex value label in a merged-border row.

With popover swatch preview
Library
FLX UI
Framework
React
Type
block
License
AGPL-3.0
Install
pnpm dlx shadcn@latest add @flx/button-27
Files
  • registry/patterns/button/button-27.tsx
  • src/components/ui/button.tsx
  • src/components/ui/button-group.tsx
  • src/components/ui/popover.tsx
  • src/lib/utils.ts
  • src/components/ui/separator.tsx
Source
https://github.com/felipemenezes098/ui-flx

Categories

More from FLX UI