react-tailwind-component-library/dist/components/Button/markdowns.d.ts

React component library powered by TailwindCss

export declare const buttonVariant = "\nBy changing the `variant` prop you can use different styles of the button.\n\n| variant   |  Description  |\n|----------|-------------|\n| `default` | the principle call to action on the page |\n| `brand` | secondary actions on each page   |\n| `fade` | simple actions on the page |\n";
export declare const buttonSize = "\nBy changing the `size` prop you can use different sizes of the button.\n\n| size   |  Description  |\n|----------|-------------|\n| `default` | default button size |\n| `large` | large button size for greater emphasis. Can be used with hero or display   |\n| `compact` | compact button size. Handy in tables |\n";
export declare const buttonIcon = "\nWhen words are not enough, icons can be used in buttons to better communicate what the button does. Icons should be\nalways paired with text whenever possible.\n\n\nUse the `iconLeft` and `iconRight` prop to add an Icon to the Button. Refer to the Icon documentation for usage.\n\nTo show Icons on both sides use both the `iconLeft` and `iconRight` props.\n\nUsing an Button with only an Icon while not being recommended can be achieved by leaving the Button text blank.\n";
export declare const buttonDisabled = "\nWhen a button is disabled, it will not respond to user interaction.\n\nThis can be achieved by passing `disabled` prop to the Button.\n";
export declare const fullWidthButton = "\nBy passing the `block` prop to the Button, it will take up the full width of the container.\n";
//# sourceMappingURL=markdowns.d.ts.map