---
title: Focusable
description: A focus ring clearly indicates which item has keyboard focus.
order: 1
props:
  packageName: '@atlaskit/primitives/compiled'
  exports:
    - Focusable
---

import { CodeDocsHeader } from '@af/design-system-docs-ui';

<CodeDocsHeader
	name="@atlaskit/primitives"
	repository="https://bitbucket.org/atlassian/atlassian-frontend-mirror"
	directoryName="primitives"
/>

Focusable also supports all valid props as specified by the HTML element type in the `as` prop. The
default is a `button`, so it would support all valid `HTMLButtonElement` props.

## Props

<TSMorphProps exportName="Focusable" packageName="@atlaskit/primitives/compiled" />