Matarito-vue

Appearance

MButtonSet ​

The MButtonSet component can be used to group related MButtons.

The MButton can be grouped by wrapping them with the MButtonSet component.

WARNING

The MButton components need to be immediate children.

Module import ​

MButtonSet component is dependent on MButton.

vue
<script setup>
import { MButtonSet, MButton } from "matarito-vue";
</script>
vue
<script>
import { MButtonSet, MButton } from "matarito-vue";
export default {
	components: { MButtonSet, MButton }
};
</script>

Usage ​

vue
<template>
	<MButtonSet />
	<M-Button-Set />
	<m-button-set />
	<M-button-set />
	<m-Button-set />
	<m-button-Set />
	<M-Button-set />
	<M-button-Set />
	<m-Button-Set />
</template>

Button Set ​

Multiple MButtons props are controlled by the MButtonSet component, these props can be overridden by specifying the MButton props.

vue
<template>
	<MButtonSet severity="danger" label="MButtonSet" direction="row">
		<MButton label="MButton" severity="help" />
		<MButton severity="primary" variant="outlined" />
		<MButton />
	</MButtonSet>
</template>