<k-button variant="primary">Primary</k-button>

<k-button soft>Soft</k-button>

<k-button variant="secondary">Secondary</k-button>

<k-button soft variant='secondary'> Secondary soft </k-button>

<k-button variant="info">Info</k-button>

<k-button soft variant="info">Info Soft</k-button>

<k-button variant="success">Success</k-button>

<k-button soft variant="success">Success Soft</k-button>

<k-button variant="warn">Warn</k-button>

<k-button soft variant="warn">Warn Soft</k-button>

<k-button variant="danger">Danger</k-button>

<k-button soft variant="danger">Danger Soft</k-button>

<k-button disabled>Disabled</k-button>

<k-button soft disabled>Disabled Soft</k-button>

<k-button size="sm">Small</k-button>

<k-button size="md">Medium</k-button>

<k-button size="lg">Large</k-button>

<k-button size="xl">Extra Large</k-button>

<k-button soft> <template #prefixIcon><IEdit /></template> <span>Icons</span> <template #suffixIcon><IScan /></template> </k-button>

<k-button pill>Pill</k-button>

<k-button loading>Loading...</k-button>