Button

A custom button component.

Installation

Copy the following code into your app directory.

buridan add component button

Make sure to correctly set your imports relative to the component.

from components.base_ui.button import button

Below are examples demonstrating how the component can be used.

Showcases buttons in different predefined sizes (default, small, large, icon, etc).

The default visual style for buttons with standard background and hover effects.

A more muted alternative to the default button, useful for less prominent actions.

Buttons with a bordered outline, blending well with minimal UIs or light themes.

A button style with no background or border, ideal for subtle UI actions.

A button styled to look like a hyperlink — useful for inline actions or navigation.

A bold style used for destructive or dangerous actions like “Delete”.

Examples showing icon-only buttons with varying sizes for compact UI elements.

External Tools

View as Markdown

Table of Content