| 1 |
sb |
space between |
<Group justify="space-between">$1</Group> |
| 2 |
gr |
group right |
<Group justify="flex-end">$1</Group> |
| 3 |
gc |
group center |
<Group justify="center">$1</Group> |
| 4 |
sc |
self closing |
<$1 /> |
| 5 |
frag |
fragment |
<>$1</> |
| 6 |
oc |
onChange |
onChange={()=> $1} |
| 7 |
ki |
keyindex |
key={index} |
| 8 |
gradient |
gradient |
variant="gradient" gradient={{ from: "$1", to: "$2", deg: $3 }} |
| 9 |
ia |
import all |
import {Anchor,Button,Card,Center,Checkbox,Container,Divider,Group,Image,PasswordInput,Select,SimpleGrid,Stack,Switch,Text,TextInput,Title, } from '@mantine/core' |
| 10 |
cbg |
Checkbox Group |
<Checkbox.Group label="$1">$2</Checkbox.Group>$3 |
| 11 |
r |
radio |
<Radio label="$1" />$2 |
| 12 |
rg |
Radio Group |
<Radio.Group label="$1">$2</Radio.Group> |
| 13 |
select |
select |
<Select label="$1" placeholder="$2" data={[$3]}/>$4 |
| 14 |
cs |
card section |
<Card.Section>$1</Card.Section> |
| 15 |
i |
image |
<Image src="$1"/> |
| 16 |
ls |
left section |
leftSection={$1} |
| 17 |
rs |
right section |
rightSection={$1} |
| 18 |
copy |
copy |
<CopyButton value={$1}>{({ copied, copy }) => (<Button color={copied ? "teal" : "blue"} onClick={copy}> {copied ? "Copied url" : "Copy url"} </Button> )}</CopyButton> |
| 19 |
b |
Button |
<Button >$1</Button> |
| 20 |
bd |
Button default |
<Button variant="default" >$1</Button> |
| 21 |
bf |
Button filled |
<Button variant="filled" >$1</Button> |
| 22 |
bt |
Button transparent |
<Button variant="transparent" >$1</Button> |
| 23 |
bl |
Button light |
<Button variant="light" >$1</Button> |
| 24 |
bxsmall |
Button xs |
<Button size="xs" >$1</Button> |
| 25 |
bsmall |
Button sm |
<Button size="sm" >$1</Button> |
| 26 |
bmedium |
Button md |
<Button size="md" >$1</Button> |
| 27 |
blarge |
Button lg |
<Button size="lg" >$1</Button> |
| 28 |
bxlarge |
Button xl |
<Button size="xl" >$1</Button> |
| 29 |
bdxsmall |
Button default xs |
<Button variant="default" size="xs" >$1</Button> |
| 30 |
bfxsmall |
Button filled xs |
<Button variant="filled" size="xs" >$1</Button> |
| 31 |
btxsmall |
Button transparent xs |
<Button variant="transparent" size="xs" >$1</Button> |
| 32 |
blxsmall |
Button light xs |
<Button variant="light" size="xs" >$1</Button> |
| 33 |
bdsmall |
Button default sm |
<Button variant="default" size="sm" >$1</Button> |
| 34 |
bfsmall |
Button filled sm |
<Button variant="filled" size="sm" >$1</Button> |
| 35 |
btsmall |
Button transparent sm |
<Button variant="transparent" size="sm" >$1</Button> |
| 36 |
blsmall |
Button light sm |
<Button variant="light" size="sm" >$1</Button> |
| 37 |
bdmedium |
Button default md |
<Button variant="default" size="md" >$1</Button> |
| 38 |
bfmedium |
Button filled md |
<Button variant="filled" size="md" >$1</Button> |
| 39 |
btmedium |
Button transparent md |
<Button variant="transparent" size="md" >$1</Button> |
| 40 |
blmedium |
Button light md |
<Button variant="light" size="md" >$1</Button> |
| 41 |
bdlarge |
Button default lg |
<Button variant="default" size="lg" >$1</Button> |
| 42 |
bflarge |
Button filled lg |
<Button variant="filled" size="lg" >$1</Button> |
| 43 |
btlarge |
Button transparent lg |
<Button variant="transparent" size="lg" >$1</Button> |
| 44 |
bllarge |
Button light lg |
<Button variant="light" size="lg" >$1</Button> |
| 45 |
bdxlarge |
Button default xl |
<Button variant="default" size="xl" >$1</Button> |
| 46 |
bfxlarge |
Button filled xl |
<Button variant="filled" size="xl" >$1</Button> |
| 47 |
btxlarge |
Button transparent xl |
<Button variant="transparent" size="xl" >$1</Button> |
| 48 |
blxlarge |
Button light xl |
<Button variant="light" size="xl" >$1</Button> |
| 49 |
t |
Text |
<Text >$1</Text> |
| 50 |
tc |
Text center |
<Text ta="center" >$1</Text> |
| 51 |
tl |
Text left |
<Text ta="left" >$1</Text> |
| 52 |
tr |
Text right |
<Text ta="right" >$1</Text> |
| 53 |
tcxsmall |
Text center xs |
<Text ta="center" size="xs" >$1</Text> |
| 54 |
tlxsmall |
Text left xs |
<Text ta="left" size="xs" >$1</Text> |
| 55 |
trxsmall |
Text right xs |
<Text ta="right" size="xs" >$1</Text> |
| 56 |
tcsmall |
Text center sm |
<Text ta="center" size="sm" >$1</Text> |
| 57 |
tlsmall |
Text left sm |
<Text ta="left" size="sm" >$1</Text> |
| 58 |
trsmall |
Text right sm |
<Text ta="right" size="sm" >$1</Text> |
| 59 |
tcmedium |
Text center md |
<Text ta="center" size="md" >$1</Text> |
| 60 |
tlmedium |
Text left md |
<Text ta="left" size="md" >$1</Text> |
| 61 |
trmedium |
Text right md |
<Text ta="right" size="md" >$1</Text> |
| 62 |
tclarge |
Text center lg |
<Text ta="center" size="lg" >$1</Text> |
| 63 |
tllarge |
Text left lg |
<Text ta="left" size="lg" >$1</Text> |
| 64 |
trlarge |
Text right lg |
<Text ta="right" size="lg" >$1</Text> |
| 65 |
tcxlarge |
Text center xl |
<Text ta="center" size="xl" >$1</Text> |
| 66 |
tlxlarge |
Text left xl |
<Text ta="left" size="xl" >$1</Text> |
| 67 |
trxlarge |
Text right xl |
<Text ta="right" size="xl" >$1</Text> |
| 68 |
txsmall |
Text xs |
<Text size="xs" >$1</Text> |
| 69 |
tsmall |
Text sm |
<Text size="sm" >$1</Text> |
| 70 |
tmedium |
Text md |
<Text size="md" >$1</Text> |
| 71 |
tlarge |
Text lg |
<Text size="lg" >$1</Text> |
| 72 |
txlarge |
Text xl |
<Text size="xl" >$1</Text> |
| 73 |
title |
Title |
<Title >$1</Title> |
| 74 |
titlec |
Title center |
<Title ta="center" >$1</Title> |
| 75 |
titlel |
Title left |
<Title ta="left" >$1</Title> |
| 76 |
titler |
Title right |
<Title ta="right" >$1</Title> |
| 77 |
titleone |
Title {1} |
<Title order={1} >$1</Title> |
| 78 |
titletwo |
Title {2} |
<Title order={2} >$1</Title> |
| 79 |
titlethree |
Title {3} |
<Title order={3} >$1</Title> |
| 80 |
titlefour |
Title {4} |
<Title order={4} >$1</Title> |
| 81 |
titlefive |
Title {5} |
<Title order={5} >$1</Title> |
| 82 |
titlesix |
Title {6} |
<Title order={6} >$1</Title> |
| 83 |
titlecone |
Title center {1} |
<Title ta="center" order={1} >$1</Title> |
| 84 |
titlelone |
Title left {1} |
<Title ta="left" order={1} >$1</Title> |
| 85 |
titlerone |
Title right {1} |
<Title ta="right" order={1} >$1</Title> |
| 86 |
titlectwo |
Title center {2} |
<Title ta="center" order={2} >$1</Title> |
| 87 |
titleltwo |
Title left {2} |
<Title ta="left" order={2} >$1</Title> |
| 88 |
titlertwo |
Title right {2} |
<Title ta="right" order={2} >$1</Title> |
| 89 |
titlecthree |
Title center {3} |
<Title ta="center" order={3} >$1</Title> |
| 90 |
titlelthree |
Title left {3} |
<Title ta="left" order={3} >$1</Title> |
| 91 |
titlerthree |
Title right {3} |
<Title ta="right" order={3} >$1</Title> |
| 92 |
titlecfour |
Title center {4} |
<Title ta="center" order={4} >$1</Title> |
| 93 |
titlelfour |
Title left {4} |
<Title ta="left" order={4} >$1</Title> |
| 94 |
titlerfour |
Title right {4} |
<Title ta="right" order={4} >$1</Title> |
| 95 |
titlecfive |
Title center {5} |
<Title ta="center" order={5} >$1</Title> |
| 96 |
titlelfive |
Title left {5} |
<Title ta="left" order={5} >$1</Title> |
| 97 |
titlerfive |
Title right {5} |
<Title ta="right" order={5} >$1</Title> |
| 98 |
titlecsix |
Title center {6} |
<Title ta="center" order={6} >$1</Title> |
| 99 |
titlelsix |
Title left {6} |
<Title ta="left" order={6} >$1</Title> |
| 100 |
titlersix |
Title right {6} |
<Title ta="right" order={6} >$1</Title> |
| 101 |
ti |
TextInput |
<TextInput label="$1" />$2 |
| 102 |
ta |
Textarea |
<Textarea label="$1" minRows="{$2}" maxRows="{$3}" />$4 |
| 103 |
pi |
PasswordInput |
<PasswordInput label="${1:Password}"/>$2 |
| 104 |
cb |
Checkbox |
<Checkbox label="$1" />$2 |
| 105 |
ni |
NumberInput |
<NumberInput label="$1" />$2 |
| 106 |
s |
Stack |
<Stack >$1</Stack> |
| 107 |
sgtwo |
SimpleGrid 2 col |
<SimpleGrid cols={2} >$1</SimpleGrid> |
| 108 |
sgthree |
SimpleGrid 3 col |
<SimpleGrid cols={3} >$1</SimpleGrid> |
| 109 |
sgfour |
SimpleGrid 4 col |
<SimpleGrid cols={4} >$1</SimpleGrid> |
| 110 |
g |
Group |
<Group >$1</Group> |
| 111 |
c |
Card |
<Card withBorder >$1</Card> |
| 112 |
ce |
Center |
<Center >$1</Center> |
| 113 |
d |
Divider |
<Divider />$1 |
| 114 |
dl |
divider label |
<Divider label="$1" />$2 |
| 115 |
tt |
Tooltip |
<Tooltip label="$1" >$2</Tooltip> |
| 116 |
sw |
Switch |
<Switch onLabel="$1" offLabel="$2" />$3 |
| 117 |
swxsmall |
Switch xs |
<Switch onLabel="$1" offLabel="$2" size="xs" />$3 |
| 118 |
swsmall |
Switch sm |
<Switch onLabel="$1" offLabel="$2" size="sm" />$3 |
| 119 |
swmedium |
Switch md |
<Switch onLabel="$1" offLabel="$2" size="md" />$3 |
| 120 |
swlarge |
Switch lg |
<Switch onLabel="$1" offLabel="$2" size="lg" />$3 |
| 121 |
swxlarge |
Switch xl |
<Switch onLabel="$1" offLabel="$2" size="xl" />$3 |
