RailTrack

Layout elements with two available "rails" and a stretched center, like a railway track.

RailTrack

Prop	Required	Description	Type
`children`	✅	The fluid center slot of the track.	string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| ReactPortal \| { key?: string \| number; ref?: null; props?: { children?: boolean \| ReactChild \| ReactPortal \| StrictReactFragment; }; } \| (boolean \| ReactChild \| ReactPortal \| StrictReactFragment)[]
`spacing`	—	The spacing between and around the track elements.	"xsmall" \| "small" \| "medium" \| "large" \| "xlarge" \| "none" \| "auto" \| "xxsmall" \| "xxlarge"Supports responsive prop syntax
`alignItems`	—	Align the track elements vertically. Defaults to stretch.	"-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "center" \| "end" \| "flex-end" \| "flex-start" \| "self-end" \| "self-start" \| "start" \| "baseline" \| "normal" \| "stretch"Supports responsive prop syntax
`railLeft`	—	The left slot of the track.	string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| ReactPortal \| { key?: string \| number; ref?: null; props?: { children?: boolean \| ReactChild \| ReactPortal \| StrictReactFragment; }; } \| (boolean \| ReactChild \| ReactPortal \| StrictReactFragment)[]
`railRight`	—	The right slot of the track.	string \| number \| false \| true \| ReactElement<any, string \| JSXElementConstructor<any>> \| ReactPortal \| { key?: string \| number; ref?: null; props?: { children?: boolean \| ReactChild \| ReactPortal \| StrictReactFragment; }; } \| (boolean \| ReactChild \| ReactPortal \| StrictReactFragment)[]