Button Pure
A minimal, transparent button — icon and label only, without background or border. Use it for inline actions, contextual links, and secondary affordances where a full button would be too heavy.
Label alignment
<diwa-button-pure align-label="end">Read more</diwa-button-pure>
<diwa-button-pure align-label="start">Go back</diwa-button-pure>Icon only
<diwa-button-pure icon="x" hide-label label="Close">Close</diwa-button-pure>
<diwa-button-pure icon="settings" hide-label label="Settings">Settings</diwa-button-pure>
<diwa-button-pure icon="share-2" hide-label label="Share">Share</diwa-button-pure>Stretch
<diwa-button-pure stretch align-label="start">Expand section</diwa-button-pure>Sizes
<diwa-button-pure size="sm">Small</diwa-button-pure>
<diwa-button-pure size="md">Medium</diwa-button-pure>
<diwa-button-pure size="lg">Large</diwa-button-pure>States
<diwa-button-pure>Default</diwa-button-pure>
<diwa-button-pure active>Active</diwa-button-pure>
<diwa-button-pure underline>Underline</diwa-button-pure>
<diwa-button-pure loading>Loading</diwa-button-pure>
<diwa-button-pure disabled>Disabled</diwa-button-pure>