Components / Media

X Follow

Component

A button linking to an X (Twitter) profile with a customizable size and handle.

Preview

Usage

API reference

Live preview

Interactive example

Loading example…

Usage

Import the component, then make it your own.

ComponentXFollow

svelte

<script>
  // Import the shared stylesheet once in your application's root layout.
  import "sveltekit-ui/style.css"
  import { XFollow } from "sveltekit-ui"
</script>

<XFollow x_handle="sveltejs" size={3} />

API reference

Props accepted by the component.

2 entries in properties

Property	Type	Default	Description
`x_handle`	`string`	`—`	The handle of the X (Twitter) user to link to, without the '@' symbol.
`size`	`number`	`4`	The size of the button, which scales its height, font, and padding.