Lee Chase lee-chase

lee-chase / index.html

Created March 15, 2017 18:24

Stickman drinking

	<div class="box drink">
	<svg width="303px" height="280px" viewBox="-3 -1 303 280" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
	<desc>Created with Sketch.</desc>
	<defs>
	<polygon id="path-1" points="0 0 30.17 269.38 94.99 269.38 125.27 90"></polygon>
	</defs>
	<g id="rebus" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
	<g id="Group">
	<g id="rebus">

lee-chase / HelloWorld.vue

Last active February 20, 2019 12:01

@carbon/vue example/src/components/HelloWorld.js

	<template>
	<cv-button @click="onClick">Hello @carbon/vue</cv-button>
	</template>

	<script>
	export default {
	name: 'HelloWorld',
	methods: {
	onClick() {
	alert('Hello @carbon/vue');

lee-chase / main.js

Last active February 20, 2019 11:59

@carbon/vue example/main.js

	import Vue from "vue";
	import App from "./App.vue";

	// add an import for @carbon/vue
	import CarbonComponentsVue from "@carbon/vue/src/index";
	Vue.use(CarbonComponentsVue);

	new Vue({
	render: h => h(App)
	}).$mount("#app");

lee-chase / App.vue

Created February 20, 2019 12:03

@carbon/vue example/src/App.vue

	// ... Add carbon styles

	<style lang="scss">
	@import "~carbon-components/scss/globals/scss/styles.scss";

	// ...

	</style>

lee-chase / App-2.vue

Last active February 20, 2019 12:20

	<template>
	<div id="app">
	<div class="hero">
	<img class="logo" alt="Vue logo" src="./assets/logo.png">
	<p>meet</p>
	<img class="logo logo--nudge" alt="@Carbon/vue logo" src="./assets/AtCarbonVue.png">
	</div>
	<hello-world/>
	</div>
	</template>

lee-chase / HelloWorld-2.vue

Created February 20, 2019 12:18

@carbon/vue/exmaple

	<template>
	<div class="hello">
	<cv-text-input
	:label="label"
	placeholder="What is yrou name?"
	v-model="yourName"
	></cv-text-input>

	<cv-link
	href="https://github.com/carbon-design-system/carbon-components-vue"

lee-chase / insert-element.js

Created March 1, 2019 20:24

vue insert element

+// inserts an element directly in place with no wrapper element
+import Vue from 'vue';
+export default {
+  name: 'CvuInsertElement',
+  functional: true,
+  props: ['html'],
+  render(h, ctx) {
+    const node = new Vue({
+      template: `${ctx.props.html}`

lee-chase / scss-snippets.json

Last active March 19, 2025 09:39

Carbon SCSS snippets for VSCode