A next-generation tool to create blazing-fast documentation sites
API
created:3/5/2021
updated:3/5/2021
loc
20
comments
15%
passed
10
coverage
75%

TitledImage

avatar of atanasster
@component-controls/components
3.14.5

Image component with a title if available

import { TitledImage } from '@component-controls/components';

Overview

alt textsome image title
Name
Description
Default
Controls
title
string
-
Name
Description
Default
SpaceProps(28 properties)
p

Padding on top, left, bottom and right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
m

Margin on top, left, bottom and right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
margin

Margin on top, left, bottom and right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
mt

Margin on top

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
marginTop

Margin on top

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
mr

Margin on right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
marginRight

Margin on right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
mb

Margin on bottom

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
marginBottom

Margin on bottom

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
ml

Margin on left

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
marginLeft

Margin on left

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
mx

Margin on left and right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
marginX

Margin on left and right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
my

Margin on top and bottom

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
marginY

Margin on top and bottom

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
padding

Padding on top, left, bottom and right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
pt

Padding on top

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
paddingTop

Padding on top

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
pr

Padding on right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
paddingRight

Padding on right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
pb

Padding on bottom

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
paddingBottom

Padding on bottom

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
pl

Padding on left

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
paddingLeft

Padding on left

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
px

Padding on left and right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
paddingX

Padding on left and right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
py

Padding on top and bottom

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
paddingY

Padding on top and bottom

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-
HTMLAttributes(44 properties)
Attributes(1 properties)
ImgHTMLAttributes(11 properties)
AriaAttributes(48 properties)
DOMAttributes(161 properties)
BoxOwnProps(4 properties)
BackgroundColorProps(2 properties)
OpacityProps(1 properties)

Commits

Date
Author
Commit Message
4/28/2021

atanasster

avatar of atanasster
feat: axe ally accessibility testing
2/17/2021

atanasster

avatar of atanasster
feat: components history and catalog
9/18/2020

atanasster

avatar of atanasster
docs: update docs structure design-tokens
7/8/2020

atanasster

avatar of atanasster
fix: skip reexport ImageProps
7/7/2020

atanasster

avatar of atanasster
feat: added TitledImage for mdx
5 commits
package
imports
peer
react
^17.0.1
ReactFC
*
theme-ui
^0.8.4
TextImagePropsImageEmbedBox