Customize Your Badge
Preview
Link
Text
Instructions about using Badge Creation Tool
-
1Enter the text for Badge. For example, a number (1, 2, 3) or text (test).
-
2Set the background and text colors by using the color palette.
-
3Specify the text size from the given options.
-
4Enter the tailwind classes for margin and padding. For examples, p-2, pt-2 for padding and m-2, mb-2 for margin. For showing the button towards the top right corner, enter the mb-6 for margin.
-
5Set the badge Shape and Types from the given radio button options.
-
6You may also set the options for the badge.
-
7Once all set, press the “Generate Preview” button.
-
8When satisfied, press the “Copy Code” button to grab the code.