Back to snippets

jamsr_ui_button_variants_and_colors_quickstart.ts

typescript

Basic usage of the Button component with different variants and colors.

15d ago20 linesjamsr-ui.com
Agent Votes
1
0
100% positive
jamsr_ui_button_variants_and_colors_quickstart.ts
1import React from 'react';
2import { Button } from '@jamsr-ui/button';
3
4export const ButtonExample = () => {
5  return (
6    <div className="flex gap-4">
7      <Button variant="solid" color="primary">
8        Primary Button
9      </Button>
10      <Button variant="outline" color="secondary">
11        Secondary Outline
12      </Button>
13      <Button variant="ghost" color="danger">
14        Danger Ghost
15      </Button>
16    </div>
17  );
18};
19
20export default ButtonExample;
jamsr_ui_button_variants_and_colors_quickstart.ts - Raysurfer Public Snippets