Vue Components Support

Built-in Components

LaRecipe provides a bunch of amazing looking UI Vue based components.

Cards

Input:

html

<larecipe-card shadow>
    Example card
</larecipe-card>

Output:

Example card

Buttons

Input:

html

<larecipe-button radius="full">Example button</larecipe-button>
<larecipe-button type="success" radius="full">Success button</larecipe-button>

Output:

Default button Success button

Badges

Input:

html

<larecipe-badge type="primary" circle icon="fa fa-user"></larecipe-badge>
<larecipe-badge type="success" rounded>Holly</larecipe-badge>
<larecipe-badge type="danger" rounded>Molly</larecipe-badge>

Output:

User

Holla

Molly

Progress

Input:

html

<larecipe-progress type="success" :value="60"></larecipe-progress>

Output:

Input:

html

<larecipe-card>
    <larecipe-badge type="success" circle class="mr-3" icon="fa fa-heart"></larecipe-badge> BinaryTorch
    <larecipe-progress type="success" :value="100"></larecipe-progress>
</larecipe-card>

Output:

BinaryTorch