Css Properties Props
Description
css-properties-props is built to ease working with component props related to css for typescript. It allows you access to available props in a css property
Installation
npm install -D css-properties-propsOr
yarn add css-properties-props -DUsage
import {
FONT_WEIGHT,
MARGIN_BOTTOM,
MARGIN_LEFT,
MARGIN_RIGHT,
MARGIN_TOP,
TEXT_ALIGN,
TEXT_DECORATION_LINE,
TEXT_TRANSFORM,
} from "css-properties-props";
...
interface StyleProps {
align: TEXT_ALIGN;
decoration: TEXT_DECORATION_LINE;
marginTop: MARGIN_TOP;
marginBottom: MARGIN_BOTTOM;
marginRight: MARGIN_RIGHT;
MarginLeft: MARGIN_LEFT;
transform: TEXT_TRANSFORM;
fontWeight: FONT_WEIGHT ;
}
...Properties
ALIGN_CONTENTALIGN_ITEMSALIGN_SELFALLANIMATIONANIMATION_DELAYANIMATION_DIRECTIONANIMATION_DURATIONANIMATION_FILL_MODEANIMATION_ITERATION_COUNTANIMATION_NAMEANIMATION_PLAY_STATEANIMATION_TIMING_FUNCTIONAPPEARANCEASPECT_RATIOBACKFACE_VISIBILITYBACKGROUNDBACKGROUND_ATTACHMENTBACKGROUND_BLEND_MODEBACKGROUND_CLIPBACKGROUND_COLORBACKGROUND_IMAGEBACKGROUND_ORIGINBACKGROUND_POSITIONBACKGROUND_REPEATBACKGROUND_SIZEBLOCK_SIZEBORDERBORDER_BLOCKBORDER_BLOCK_COLORBORDER_BLOCK_ENDBORDER_BLOCK_END_COLORBORDER_BLOCK_END_STYLEBORDER_BLOCK_END_WIDTHBORDER_BLOCK_STARTBORDER_BLOCK_START_COLORBORDER_BLOCK_START_STYLEBORDER_BLOCK_START_WIDTHBORDER_BLOCK_STYLEBORDER_BLOCK_WIDTHBORDER_BOTTOMBORDER_BOTTOM_COLORBORDER_BOTTOM_LEFT_RADIUSBORDER_BOTTOM_RIGHT_RADIUSBORDER_BOTTOM_STYLEBORDER_BOTTOM_WIDTHBORDER_COLLAPSEBORDER_COLORBORDER_END_END_RADIUSBORDER_END_START_RADIUSBORDER_IMAGEBORDER_IMAGE_OUTSETBORDER_IMAGE_REPEATBORDER_IMAGE_SLICEBORDER_IMAGE_SOURCEBORDER_IMAGE_WIDTHBORDER_INLINEBORDER_INLINE_COLORBORDER_INLINE_ENDBORDER_INLINE_END_COLORBORDER_INLINE_END_STYLEBORDER_INLINE_END_WIDTHBORDER_INLINE_STARTBORDER_INLINE_START_COLORBORDER_INLINE_START_STYLEBORDER_INLINE_START_WIDTHBORDER_INLINE_STYLEBORDER_INLINE_WIDTHBORDER_LEFTBORDER_LEFT_COLORBORDER_LEFT_STYLEBORDER_LEFT_WIDTHBORDER_RADIUSBORDER_RIGHTBORDER_RIGHT_COLORBORDER_RIGHT_STYLEBORDER_RIGHT_WIDTHBORDER_SPACINGBORDER_START_END_RADIUSBORDER_START_START_RADIUSBORDER_STYLEBORDER_TOPBORDER_TOP_COLORBORDER_TOP_LEFT_RADIUSBORDER_TOP_RIGHT_RADIUSBORDER_TOP_STYLEBORDER_TOP_WIDTHBORDER_WIDTHBOTTOMBOX_DECORATION_BREAKBOX_SHADOWBOX_SIZINGBREAK_AFTERBREAK_BEFOREBREAK_INSIDECAPTION_SIDECARET_COLORCLEARCLIPCLIP_PATHCOLORCOLOR_ADJUSTCOLUMN_COUNTCOLUMN_FILLCOLUMN_GAPCOLUMN_RULECOLUMN_RULE_COLORCOLUMN_RULE_STYLECOLUMN_RULE_WIDTHCOLUMN_SPANCOLUMN_WIDTHCOLUMNSCONTENTCONTENT_VISIBILITYCOUNTER_INCREMENTCOUNTER_RESETCOUNTER_SETCURSORDIRECTIONDISPLAYEMPTY_CELLSFILTERFLEXFLEX_BASISFLEX_DIRECTIONFLEX_FLOWFLEX_GROWFLEX_SHRINKFLEX_WRAPFLOATFONTFONT_FAMILYFONT_FEATURE_SETTINGSFONT_KERNINGFONT_LANGUAGE_OVERRIDEFONT_OPTICAL_SIZINGFONT_SIZEFONT_SIZE_ADJUSTFONT_STRETCHFONT_STYLEFONT_SYNTHESISFONT_VARIANTFONT_VARIANT_CAPSFONT_VARIANT_EAST_ASIANFONT_VARIANT_EMOJIFONT_VARIANT_LIGATURESFONT_VARIANT_NUMERICFONT_VARIANT_POSITIONFONT_WEIGHTFOOTNOTE_DISPLAYFOOTNOTE_POLICYFORCED_COLOR_ADJUSTGAPGRIDGRID_AREAGRID_AUTO_COLUMNSGRID_AUTO_FLOWGRID_AUTO_ROWSGRID_COLUMNGRID_COLUMN_ENDGRID_COLUMN_STARTGRID_ROWGRID_ROW_ENDGRID_ROW_STARTGRID_TEMPLATEGRID_TEMPLATE_AREASGRID_TEMPLATE_COLUMNSGRID_TEMPLATE_ROWSHANGING_PUNCTUATIONHEIGHTHYPHENSIMAGE_ORIENTATIONIMAGE_RENDERINGIMAGE_RESOLUTIONINITIAL_LETTERINITIAL_LETTER_ALIGNINITIAL_LETTER_WRAPINLINE_SIZEINLINE_SIZINGINSETINSET_BLOCKINSET_BLOCK_ENDINSET_BLOCK_STARTINSET_INLINEINSET_INLINE_ENDINSET_INLINE_STARTISOLATIONJUSTIFY_CONTENTJUSTIFY_ITEMSJUSTIFY_SELFLEFTLETTER_SPACINGLIGHTING_COLORLINE_BREAKLINE_CLAMPLINE_GRIDLINE_HEIGHTLINE_PADDINGLINE_SNAPLIST_STYLELIST_STYLE_IMAGELIST_STYLE_POSITIONLIST_STYLE_TYPEMARGINMARGIN_BLOCKMARGIN_BLOCK_ENDMARGIN_BLOCK_STARTMARGIN_BOTTOMMARGIN_BREAKMARGIN_INLINEMARGIN_INLINE_ENDMARGIN_INLINE_STARTMARGIN_LEFTMARGIN_RIGHTMARGIN_TOPMARGIN_TRIMMASKMASK_BORDERMASK_BORDER_MODEMASK_BORDER_REPEATMASK_BORDER_SLICEMASK_BORDER_SOURCEMASK_BORDER_WIDTHMASK_CLIPMASK_COMPOSITEMASK_IMAGEMASK_MODEMASK_ORIGINMASK_POSITIONMASK_REPEATMASK_SIZEMASK_TYPEMAX_BLOCK_SIZEMAX_HEIGHTMAX_LINESMAX_WIDTHMIN_HEIGHTMIN_WIDTHMIX_BLEND_MODENAV_DOWNNAV_LEFTNAV_RIGHTNAV_UPOBJECT_FITOBJECT_POSITIONOFFSETOFFSET_ANCHOROFFSET_DISTANCEOFFSET_PATHOFFSET_POSITIONOFFSET_ROTATEOPACITYORDERORPHANSOUTLINEOUTLINE_COLOROUTLINE_OFFSETOUTLINE_STYLEOUTLINE_WIDTHOVERFLOWOVERFLOW_ANCHOROVERFLOW_BLOCKOVERFLOW_CLIP_MARGINOVERFLOW_INLINEOVERFLOW_WRAPOVERFLOW_XOVERFLOW_YOVERSCROLL_BEHAVIOROVERSCROLL_BEHAVIOR_BLOCKOVERSCROLL_BEHAVIOR_INLINEOVERSCROLL_BEHAVIOR_XOVERSCROLL_BEHAVIOR_YPADDINGPADDING_BLOCKPADDING_BLOCK_ENDPADDING_BLOCK_STARTPADDING_BOTTOMPADDING_INLINEPADDING_INLINE_ENDPADDING_INLINE_STARTPADDING_LEFTPADDING_RIGHTPADDING_TOPPAGEPAGE_BREAK_AFTERPAGE_BREAK_BEFOREPAGE_BREAK_INSIDEPAGE_ORIENTATIONPERSPECTIVEPERSPECTIVE_ORIGINPLACE_CONTENTPLACE_ITEMSPLACE_SELFPOINTER_EVENTSPOSITIONQUOTESRESIZERIGHTROTATEROW_GAPSCALESCROLL_BEHAVIORSCROLL_MARGINSCROLL_MARGIN_BLOCKSCROLL_MARGIN_BLOCK_ENDSCROLL_MARGIN_BLOCK_STARTSCROLL_MARGIN_BOTTOMSCROLL_MARGIN_INLINESCROLL_MARGIN_INLINE_ENDSCROLL_MARGIN_INLINE_STARTSCROLL_MARGIN_LEFTSCROLL_MARGIN_RIGHTSCROLL_MARGIN_TOPSCROLL_PADDINGSCROLL_PADDING_BLOCKSCROLL_PADDING_BLOCK_ENDSCROLL_PADDING_BLOCK_STARTSCROLL_PADDING_BOTTOMSCROLL_PADDING_INLINESCROLL_PADDING_INLINE_ENDSCROLL_PADDING_INLINE_STARTSCROLL_PADDING_LEFTSCROLL_PADDING_RIGHTSCROLL_PADDING_TOPSCROLL_SNAP_ALIGNSCROLL_SNAP_STOPSCROLL_SNAP_TYPESCROLLBAR_COLORSCROLLBAR_GUTTERSCROLLBAR_WIDTHSHAPE_IMAGE_THRESHOLDSHAPE_INSIDESHAPE_MARGINSHAPE_OUTSIDESHAPE_PADDINGSPATIAL_NAVIGATION_ACTIONSPATIAL_NAVIGATION_CONTAINSPATIAL_NAVIGATION_FUNCTIONSTRING_SETTAB_SIZETABLE_LAYOUTTEXT_ALIGNTEXT_ALIGN_ALLTEXT_ALIGN_LASTTEXT_COMBINE_UPRIGHTTEXT_DECORATIONTEXT_DECORATION_COLORTEXT_DECORATION_LINETEXT_DECORATION_SKIPTEXT_DECORATION_STYLETEXT_DECORATION_THICKNESSTEXT_EMPHASISTEXT_EMPHASIS_POSITIONTEXT_EMPHASIS_STYLETEXT_GROUP_ALIGNTEXT_INDENTTEXT_JUSTIFYTEXT_ORIENTATIONTEXT_OVERFLOWTEXT_RENDERINGTEXT_SHADOWTEXT_SIZE_ADJUSTTEXT_SPACE_TRIMTEXT_SPACINGTEXT_TRANSFORMTEXT_UNDERLINE_OFFSETTEXT_UNDERLINE_POSITIONTEXT_WRAPTOPTOUCH_ACTIONTRANSFORMTRANSFORM_BOXTRANSFORM_ORIGINTRANSFORM_STYLETRANSITIONTRANSITION_DELAYTRANSITION_DURATIONTRANSITION_PROPERTYTRANSITION_TIMING_FUNCTIONTRANSLATEUNICODE_BIDIUSER_SELECTVERTICAL_ALIGNVISIBILITYWHITE_SPACEWIDOWSWIDTHWILL_CHANGEWORD_BREAKWORD_SPACINGWORD_WRAPWRAP_AFTERWRAP_BEFOREWRAP_FLOWWRAP_INSIDEWRAP_THROUGHWRITING_MODEZ_INDEX