Brand | tcpsystems/ui

Try it

Svelte

<Brand product="console" />

Examples

Default

tcpsystems

Default.svelte

<script lang="ts">
	import Brand from '@tcpsystems/ui/foundation/Brand';
</script>

<Brand />

With product

tcpsystemsconsole tcpsystemsstudio tcpsystemsstatus

With product.svelte

<script lang="ts">
	import Brand from '@tcpsystems/ui/foundation/Brand';
	import Cluster from '@tcpsystems/ui/foundation/Cluster';
</script>

<Cluster gap="lg">
	<Brand product="console" />
	<Brand product="studio" />
	<Brand product="status" />
</Cluster>

Renamed

studiocontrol plane

Renamed.svelte

<script lang="ts">
	import Brand from '@tcpsystems/ui/foundation/Brand';
</script>

<Brand href="https://studio.tcp.systems" name="studio" product="control plane" />

API

Import

import Brand from '@tcpsystems/ui/foundation/Brand';

Prop	Type	Default
`href?`	`string`	`'/'`
`name?`	`string`	`'tcpsystems'`
`product?`	`string`	none

Hook	Kind
`.tcp-brand`	Root class