Control base

The base for a lot of Eightshift UI components controls.

Allows creating your controls that will fit in nicely with Eightshift UI components

<BaseControl
	label='Label'
	icon={icons.emptyCircle}
>
	<span>This is demo content</span>
</BaseControl>

Highlighted props

For the complete list of props, use your IDE's autocomplete functionality.

Help text

<BaseControl
	label='Label'
	icon={icons.emptyCircle}
	help='This is help text'
>
	<span>This is demo content</span>
</BaseControl>

Actions

<BaseControl
	label='Label'
	icon={icons.emptyCircle}
	actions={
		<>
			<Button
				icon={icons.emptyCircle}
				size='small'
			/>
			<Button
				icon={icons.emptyRect}
				size='small'
			/>
		</>
	}
>
	<span>This is demo content</span>
</BaseControl>

Inline label

<BaseControl
	label='Label'
	icon={icons.emptyCircle}
	inline
>
	<span>This is demo content</span>
</BaseControl>