Buttongroups4
mynaui/buttongroups4FreeComponent
Button groups are used to group related buttons together.
Install it
npx shadcn@latest add https://mynaui.com/r/buttongroups4.jsonSource
1import { Button } from "@/ui/button";2import { Facebook, Github, Google } from "@mynaui/icons-react";34export default function ButtonGroups4() {5 return (6 <>7 <div className="isolate flex gap-2">8 <Button variant="outline">9 <Google className="stroke-2" />10 Google11 </Button>12 <Button variant="outline">13 <Facebook className="stroke-2" />14 Facebook15 </Button>16 <Button variant="outline">17 <Github className="stroke-2" />18 GitHub19 </Button>20 </div>21 </>22 );23}
What it pulls in
npm packages
Other registry items
Files it writes
More from mynaui
All 346 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordion1accordion1 | mynaui | Components | Free | no deps · 2 files | |
| Accordion2accordion2 | mynaui | Components | Free | no deps · 2 files | |
| Accordion3accordion3 | mynaui | Components | Free | no deps · 2 files | |
| Accordion4accordion4 | mynaui | Components | Free | 1 dep · 2 files | |
| Accordion5accordion5 | mynaui | Components | Free | 1 dep · 2 files | |
| Alert dialog1alert-dialog1 | mynaui | Components | Free | no deps · 2 files | |
| Alert dialog2alert-dialog2 | mynaui | Components | Free | 1 dep · 2 files | |
| Alert dialog3alert-dialog3 | mynaui | Components | Free | 1 dep · 2 files |
