import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs/blocks';
import Kicker from './Kicker';

<Meta title="Content/Kicker" component={Kicker} />

# Kicker

A kicker is a short phrase that accompanies the [hed](/?path=/docs/hed--small#hed) of a story or unit of content.

Interestingly, the word ”kicker” is [undergoing some change](https://www.merriam-webster.com/words-at-play/kicker-definition-meaning) even within journalism circles, so it’s not uncommon to encounter someone who is confused by how we employ ”kickers” at Quartz.

## Props

<Canvas>
	<Story
		args={{
			children: 'Neither here nor there',
		}}
		name="Default"
	>
		{args => <Kicker {...args} />}
	</Story>
</Canvas>

<ArgsTable story="Default" />