Semantic UI's Components
Components and mixins to use with Vue 2
Installation
$ npm install semantic-ui-vue2-albinodrought
Include Semantic UI's CSS in your HTML. See official docs.
Usage
Imports
Import the global mixin to use all the components. See example below.
Components
Import individual components.
Grid
– componentRow
– componentColumn
– componentCheckbox
– componentDropdown
– componentInput
– componentLabel
– componentForm
– componentField
– component
components: 'component-name': ComponentName … …
Collections
Mixins to import related components at once
Grid
–ui-grid
,ui-row
,ui-column
Form
–ui-form
,ui-field
mixins: CollectionsCollectionName …
Example
App.vue
:
Lorem ipsum dolor sit amet
Result:
Lorem ipsum dolor sit amet