Skip to canvas
Proton Design System
/
Introduction
Changelog
Colors
Icons
Layers Management
Responsive
Sass Css Variables
Typography
Alert
Autocomplete
Badge
ButtonGroup
Checkbox
Collapsible
Copy
CountrySelect
DateInput
Details
Dropdown
Dropzone
EllipsisLoader
Errors
Icon
InputButton
InputField
InputFieldStacked
LabelStack
Logo
Meter
MiddleEllipsis
Modal
Notification
Price
Progress
Promotion Button
QuickSettings
Radio
Scale
Select
Spotlight
Table
Tabs
Toggle
TopBanner
TotpInput
VideoInstructions
Avatar
Banner
Button
Card
CircleLoader
DashboardCard
Donut
Href
InlineLinkButtonSkip to canvas
Input
Kbd
NotificationDot
Pill
ProtonLoader
Scroll
Slider
Stepper
UserAvatar
VerticalSteps
Vr
Border
Border Radius
Colors
Columns
Cursor
Divide
ExpandClickArea
Gap
HidingDisablingContent
InteractiveFocusHelper
Lists
Margin
Opacity
OpacityOnHover
Padding
Position
Print
Ratio Container
Responsive
Scroll
Shadow
Sizing
Transforms
Typography
  1. Recently opened
  2. InlineLinkButtoncomponents
  3. Back to componentsESC
  4. Clear history
Skip to sidebar
1import InlineLinkButton from '@proton/atoms/InlineLinkButton/InlineLinkButton'; 2 3import mdx from './InlineLinkButton.mdx'; 4 5export default { 6 component: InlineLinkButton, 7 title: 'components/InlineLinkButton', 8 parameters: { 9 docs: { 10 page: mdx, 11 }, 12 }, 13}; 14
15export const Basic = () => ( 16 <InlineLinkButton onClick={() => alert('See? This is a real button.')}>text content</InlineLinkButton> 17);
18 19export const Example = () => ( 20 <p> 21 Mr. Levet this day shewed me Dr. Johnsonʼs library, which was contained in two garrets{' '} 22 <InlineLinkButton onClick={() => alert('See? This is a real button.')}>over his Chambers</InlineLinkButton>, 23 where Lintot, son of the celebrated bookseller of that name, had formerly his warehouse. I found a number of 24 good books, but very dusty and in great confusion. The floor was strewed with manuscript leaves, in Johnsonʼs 25 own handwriting, which I beheld with a degree of veneration, supposing they perhaps might contain portions of 26 The Rambler or of Rasselas. I observed an apparatus for{' '} 27 <InlineLinkButton onClick={() => alert('See? This is a real button.')}>chymical experiments</InlineLinkButton>, 28 of which Johnson was all his life very fond. The place seemed to be very favourable for{' '} 29 <InlineLinkButton onClick={() => alert('See? This is a real button.')}> 30 retirement and meditation 31 </InlineLinkButton> 32 . Johnson told me, that he went up thither without mentioning it to his servant, when he wanted to study, secure 33 from interruption; for he would not allow his servant to say he was not at home when he really was. "A servantʼs 34 strict regard for truth, — said he — must be weakened by such a practice. that it is merely a form of denial{' '} 35 <InlineLinkButton onClick={() => alert('See? This is a real button.')}>A philosopher may know</InlineLinkButton> 36 ; but few servants are such nice distinguishers. If I accustom a servant to tell a lie for ME, have I not reason 37 to apprehend that he will tell many lies for HIMSELF." 38 </p> 39);