Button
A versatile button that can be used either to submit a form, trigger an action, or link to content.
Import
import '@kemet-ui/button';<script type="module" src="https://unpkg.com/kemet-ui@latest/dist/elements/button.js"></script>import { KemetButton } from 'kemet-ui/react';Examples
Section titled “Examples”Variant
Section titled “Variant”Use the variant attribute to change the button’s style. For example, you can create an outlined button.
Use the size attribute to change the button’s size.
Appearance
Section titled “Appearance”Use the appearance attribute to change the button’s appearance. This is for color to indicate a status state.
Rounded
Section titled “Rounded”Use the rounded attribute to make the button rounded.
You can give the rounded attributte certain values for different roundedness.
Combining Attributes
Section titled “Combining Attributes”You can combine attributes to create different button styles.
Use the href attribute to make the button a link.
Disabled
Section titled “Disabled”Using the disabled attribute disables the button.
Icon button
Section titled “Icon button”Use the left and/or right slots to add icons to the button.
Icon button
Section titled “Icon button”Use the icon-button slot to add an icon to the button.
Loading
Section titled “Loading”You can put the button in a loading state and combine it with the loader element to show a loading indicator. When loading, the button will hide the text it originally had, keeping the width true to whatever the text was.