Show
Show is a responsive primitive that displays children at specified breakpointsInstallation
| Install | yarn add @atlaskit/primitives |
|---|---|
| Source | Bitbucket.org, (opens new window) |
| npm | @atlaskit/primitives, (opens new window) |
| Bundle | unpkg.com, (opens new window) |
Props
| Description | Apply CSS to show this specifically above this breakpoint. The smallest breakpoint is not included as it would always be shown and this would not be performant. @important do not mix |
|---|---|
| Type | "xs" | "sm" | "md" | "lg" | "xl" |
| Description | No description. |
|---|---|
| Type | "dialog" | "article" | "aside" | "div" | "footer" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul" |
| Description | Apply CSS to show this specifically below this breakpoint. The smallest breakpoint is not included as it would never be shown and this would not be performant. @important do not mix |
|---|---|
| Type | "xs" | "sm" | "md" | "lg" | "xl" |
| Description | No description. |
|---|---|
| Type | string | number | boolean | ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | React.ReactPortal |
| Description | Apply a subset of permitted styles powered by Atlassian Design System design tokens. |
|---|---|
| Type | StrictXCSSProp<"appearance" | "borderColor" | "grid" | "clipPath" | "filter" | "marker" | "mask" | "translate" | "content" | "color" | "top" | "bottom" | "right" | "left" | "height" | "width" | ... 485 more ... | "glyphOrientationVertical", CSSPseudos, never> | { ...; } | (false | { ...; })[] |