UI kit reference

code/editor/FileIcon

import { … } from 'zidane-ui/code/editor'ui/src/code/editor/FileIcon.tsx

Components#

A file's coloured icon, resolved from its name the way the Files tab resolves it. Decorative (aria-hidden).

TypeScript

const FileIcon: MemoExoticComponent<(__namedParameters: FileIconProps) => Element>

The tree's folder chevron (points down; turned to point right while closed).

TypeScript

function TreeChevron(props: TreeChevronProps): Element

Parameters
Name	Type	Description
props	`TreeChevronProps`	`open`: whether the folder is expanded; `className`: extra classes on the svg.

Element

TreeChevron props
Name	Type	Description
className?	`string`	Extra classes on the svg.
open	`boolean`	The folder is expanded: the chevron points down.
style?	`CSSProperties`	Inline styles on the root element, merged after the component's own.

Props for FileIcon.

TypeScript

interface FileIconProps

FileIconProps properties
Name	Type	Description
className?	`string`	Extra classes on the root element.
path	`string`	The file's path or name; its icon is resolved from it.
style?	`CSSProperties`	Inline styles on the root element, merged after the component's own.

TypeScript

interface TreeChevronProps

TreeChevronProps properties
Name	Type	Description
className?	`string`	Extra classes on the svg.
open	`boolean`	The folder is expanded: the chevron points down.
style?	`CSSProperties`	Inline styles on the root element, merged after the component's own.